#CAC3CE - #EFD4FF | 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 #CAC3CE to #EFD4FF

#CAC3CE #EFD4FF

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

#CAC3CE - #EFD4FF | 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 #CAC3CE as 0% and #EFD4FF as 100%.

0.0%	0.0% #CAC3CE	RGB 202 195 206	#CAC3CE
16.7%	16.7% #D0C5D6	RGB 208 197 214	#D0C5D6
33.3%	33.3% #D6C8DE	RGB 214 200 222	#D6C8DE
50.0%	50.0% #DCCBE6	RGB 220 203 230	#DCCBE6
66.7%	66.7% #E2CEEE	RGB 226 206 238	#E2CEEE
83.3%	83.3% #E8D1F6	RGB 232 209 246	#E8D1F6
100.0%	100.0% #EFD4FF	RGB 239 212 255	#EFD4FF

#CAC3CE #D0C5D6 #D6C8DE #DCCBE6 #E2CEEE #E8D1F6 #EFD4FF

#CAC3CE - #EFD4FF

HSV Blend

#CAC3CE - #EFD4FF | 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 #CAC3CE as 0% and #EFD4FF as 100%.

0.0%	0.0% #CAC3CE	RGB 202 195 206	#CAC3CE
16.7%	16.7% #D0C6D6	RGB 208 198 214	#D0C6D6
33.3%	33.3% #D6C9DE	RGB 214 201 222	#D6C9DE
50.0%	50.0% #DDCCE6	RGB 221 204 230	#DDCCE6
66.7%	66.7% #E3CFEE	RGB 227 207 238	#E3CFEE
83.3%	83.3% #E9D1F6	RGB 233 209 246	#E9D1F6
100.0%	100.0% #EFD4FF	RGB 239 212 255	#EFD4FF

#CAC3CE #D0C6D6 #D6C9DE #DDCCE6 #E3CFEE #E9D1F6 #EFD4FF

#CAC3CE - #DDCCE6 - #EFD4FF

CSS codes

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

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