#C7BCFF - #FFEEF0 | 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 #C7BCFF to #FFEEF0

#C7BCFF #FFEEF0

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

#C7BCFF - #FFEEF0 | 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 #C7BCFF as 0% and #FFEEF0 as 100%.

0.0%	0.0% #C7BCFF	RGB 199 188 255	#C7BCFF
16.7%	16.7% #D0C4FC	RGB 208 196 252	#D0C4FC
33.3%	33.3% #D9CCFA	RGB 217 204 250	#D9CCFA
50.0%	50.0% #E3D5F7	RGB 227 213 247	#E3D5F7
66.7%	66.7% #ECDDF5	RGB 236 221 245	#ECDDF5
83.3%	83.3% #F5E5F2	RGB 245 229 242	#F5E5F2
100.0%	100.0% #FFEEF0	RGB 255 238 240	#FFEEF0

#C7BCFF #D0C4FC #D9CCFA #E3D5F7 #ECDDF5 #F5E5F2 #FFEEF0

#C7BCFF - #FFEEF0

HSV Blend

#C7BCFF - #FFEEF0 | 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 #C7BCFF as 0% and #FFEEF0 as 100%.

0.0%	0.0% #C7BCFF	RGB 199 188 255	#C7BCFF
16.7%	16.7% #DEC4FF	RGB 222 196 255	#DEC4FF
33.3%	33.3% #F1CCFF	RGB 241 204 255	#F1CCFF
50.0%	50.0% #FFD5FE	RGB 255 213 254	#FFD5FE
66.7%	66.7% #FFDDF4	RGB 255 221 244	#FFDDF4
83.3%	83.3% #FFE5EF	RGB 255 229 239	#FFE5EF
100.0%	100.0% #FFEEF0	RGB 255 238 240	#FFEEF0

#C7BCFF #DEC4FF #F1CCFF #FFD5FE #FFDDF4 #FFE5EF #FFEEF0

#C7BCFF - #FFD5FE - #FFEEF0

CSS codes

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

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