#CEC8FF - #8461D0 | 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 #CEC8FF to #8461D0

#CEC8FF #8461D0

Calculate the color between two colors, #CEC8FF and #8461D0. 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)

#CEC8FF - #8461D0 | 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 #CEC8FF as 0% and #8461D0 as 100%.

0.0%	0.0% #CEC8FF	RGB 206 200 255	#CEC8FF
16.7%	16.7% #C1B6F7	RGB 193 182 247	#C1B6F7
33.3%	33.3% #B5A5EF	RGB 181 165 239	#B5A5EF
50.0%	50.0% #A994E7	RGB 169 148 231	#A994E7
66.7%	66.7% #9C83DF	RGB 156 131 223	#9C83DF
83.3%	83.3% #9072D7	RGB 144 114 215	#9072D7
100.0%	100.0% #8461D0	RGB 132 97 208	#8461D0

#CEC8FF #C1B6F7 #B5A5EF #A994E7 #9C83DF #9072D7 #8461D0

#CEC8FF - #8461D0

HSV Blend

#CEC8FF - #8461D0 | 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 #CEC8FF as 0% and #8461D0 as 100%.

0.0%	0.0% #CEC8FF	RGB 206 200 255	#CEC8FF
16.7%	16.7% #BEB4F7	RGB 190 180 247	#BEB4F7
33.3%	33.3% #B0A2EF	RGB 176 162 239	#B0A2EF
50.0%	50.0% #A390E7	RGB 163 144 231	#A390E7
66.7%	66.7% #9780DF	RGB 151 128 223	#9780DF
83.3%	83.3% #8D70D7	RGB 141 112 215	#8D70D7
100.0%	100.0% #8461D0	RGB 132 97 208	#8461D0

#CEC8FF #BEB4F7 #B0A2EF #A390E7 #9780DF #8D70D7 #8461D0

#CEC8FF - #A390E7 - #8461D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEC8FF 0%, #A390E7 50%, #8461D0 100%);
    background: -webkit-linear-gradient(top, #CEC8FF 0%, #A390E7 50%, #8461D0 100%);
    background: linear-gradient(to bottom, #CEC8FF 0%, #A390E7 50%, #8461D0 100%);
}
</style>