#7D7DDA - #AEBFE3 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #7D7DDA to #AEBFE3

#7D7DDA #AEBFE3

Calculate the color between two colors, #7D7DDA and #AEBFE3. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#7D7DDA - #AEBFE3 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #7D7DDA as 0% and #AEBFE3 as 100%.

0.0%	0.0% #7D7DDA	RGB 125 125 218	#7D7DDA
16.7%	16.7% #8588DB	RGB 133 136 219	#8588DB
33.3%	33.3% #8D93DD	RGB 141 147 221	#8D93DD
50.0%	50.0% #959EDE	RGB 149 158 222	#959EDE
66.7%	66.7% #9DA9E0	RGB 157 169 224	#9DA9E0
83.3%	83.3% #A5B4E1	RGB 165 180 225	#A5B4E1
100.0%	100.0% #AEBFE3	RGB 174 191 227	#AEBFE3

#7D7DDA #8588DB #8D93DD #959EDE #9DA9E0 #A5B4E1 #AEBFE3

#7D7DDA - #AEBFE3

HSV Blend

#7D7DDA - #AEBFE3 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #7D7DDA as 0% and #AEBFE3 as 100%.

0.0%	0.0% #7D7DDA	RGB 125 125 218	#7D7DDA
16.7%	16.7% #8489DB	RGB 132 137 219	#8489DB
33.3%	33.3% #8C95DD	RGB 140 149 221	#8C95DD
50.0%	50.0% #95A0DE	RGB 149 160 222	#95A0DE
66.7%	66.7% #9DABE0	RGB 157 171 224	#9DABE0
83.3%	83.3% #A5B5E1	RGB 165 181 225	#A5B5E1
100.0%	100.0% #AEBFE3	RGB 174 191 227	#AEBFE3

#7D7DDA #8489DB #8C95DD #95A0DE #9DABE0 #A5B5E1 #AEBFE3

#7D7DDA - #95A0DE - #AEBFE3

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #7D7DDA 0%, #AEBFE3 100%);
    background: -webkit-linear-gradient(top, #7D7DDA 0%, #AEBFE3 100%);
    background: linear-gradient(to bottom, #7D7DDA 0%, #AEBFE3 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D7DDA 0%, #95A0DE 50%, #AEBFE3 100%);
    background: -webkit-linear-gradient(top, #7D7DDA 0%, #95A0DE 50%, #AEBFE3 100%);
    background: linear-gradient(to bottom, #7D7DDA 0%, #95A0DE 50%, #AEBFE3 100%);
}
</style>