#CEBAFF - #7F4DCF | 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 #CEBAFF to #7F4DCF

#CEBAFF #7F4DCF

Calculate the color between two colors, #CEBAFF and #7F4DCF. 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)

#CEBAFF - #7F4DCF | 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 #CEBAFF as 0% and #7F4DCF as 100%.

0.0%	0.0% #CEBAFF	RGB 206 186 255	#CEBAFF
16.7%	16.7% #C0A7F7	RGB 192 167 247	#C0A7F7
33.3%	33.3% #B395EF	RGB 179 149 239	#B395EF
50.0%	50.0% #A683E7	RGB 166 131 231	#A683E7
66.7%	66.7% #9971DF	RGB 153 113 223	#9971DF
83.3%	83.3% #8C5FD7	RGB 140 95 215	#8C5FD7
100.0%	100.0% #7F4DCF	RGB 127 77 207	#7F4DCF

#CEBAFF #C0A7F7 #B395EF #A683E7 #9971DF #8C5FD7 #7F4DCF

#CEBAFF - #7F4DCF

HSV Blend

#CEBAFF - #7F4DCF | 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 #CEBAFF as 0% and #7F4DCF as 100%.

0.0%	0.0% #CEBAFF	RGB 206 186 255	#CEBAFF
16.7%	16.7% #BEA5F7	RGB 190 165 247	#BEA5F7
33.3%	33.3% #AF91EF	RGB 175 145 239	#AF91EF
50.0%	50.0% #A27FE7	RGB 162 127 231	#A27FE7
66.7%	66.7% #956DDF	RGB 149 109 223	#956DDF
83.3%	83.3% #895CD7	RGB 137 92 215	#895CD7
100.0%	100.0% #7F4DCF	RGB 127 77 207	#7F4DCF

#CEBAFF #BEA5F7 #AF91EF #A27FE7 #956DDF #895CD7 #7F4DCF

#CEBAFF - #A27FE7 - #7F4DCF

CSS codes

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

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