#CE8FFC - #F0DFFE | 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 #CE8FFC to #F0DFFE

#CE8FFC #F0DFFE

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

#CE8FFC - #F0DFFE | 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 #CE8FFC as 0% and #F0DFFE as 100%.

0.0%	0.0% #CE8FFC	RGB 206 143 252	#CE8FFC
16.7%	16.7% #D39CFC	RGB 211 156 252	#D39CFC
33.3%	33.3% #D9A9FC	RGB 217 169 252	#D9A9FC
50.0%	50.0% #DFB7FD	RGB 223 183 253	#DFB7FD
66.7%	66.7% #E4C4FD	RGB 228 196 253	#E4C4FD
83.3%	83.3% #EAD1FD	RGB 234 209 253	#EAD1FD
100.0%	100.0% #F0DFFE	RGB 240 223 254	#F0DFFE

#CE8FFC #D39CFC #D9A9FC #DFB7FD #E4C4FD #EAD1FD #F0DFFE

#CE8FFC - #F0DFFE

HSV Blend

#CE8FFC - #F0DFFE | 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 #CE8FFC as 0% and #F0DFFE as 100%.

0.0%	0.0% #CE8FFC	RGB 206 143 252	#CE8FFC
16.7%	16.7% #D39CFC	RGB 211 156 252	#D39CFC
33.3%	33.3% #D8A9FC	RGB 216 169 252	#D8A9FC
50.0%	50.0% #DEB6FD	RGB 222 182 253	#DEB6FD
66.7%	66.7% #E4C4FD	RGB 228 196 253	#E4C4FD
83.3%	83.3% #E9D1FD	RGB 233 209 253	#E9D1FD
100.0%	100.0% #F0DFFE	RGB 240 223 254	#F0DFFE

#CE8FFC #D39CFC #D8A9FC #DEB6FD #E4C4FD #E9D1FD #F0DFFE

#CE8FFC - #DEB6FD - #F0DFFE

CSS codes

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

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