#CAC5CF - #FFDFFC | 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 #CAC5CF to #FFDFFC

#CAC5CF #FFDFFC

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

#CAC5CF - #FFDFFC | 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 #CAC5CF as 0% and #FFDFFC as 100%.

0.0%	0.0% #CAC5CF	RGB 202 197 207	#CAC5CF
16.7%	16.7% #D2C9D6	RGB 210 201 214	#D2C9D6
33.3%	33.3% #DBCDDE	RGB 219 205 222	#DBCDDE
50.0%	50.0% #E4D2E5	RGB 228 210 229	#E4D2E5
66.7%	66.7% #EDD6ED	RGB 237 214 237	#EDD6ED
83.3%	83.3% #F6DAF4	RGB 246 218 244	#F6DAF4
100.0%	100.0% #FFDFFC	RGB 255 223 252	#FFDFFC

#CAC5CF #D2C9D6 #DBCDDE #E4D2E5 #EDD6ED #F6DAF4 #FFDFFC

#CAC5CF - #FFDFFC

HSV Blend

#CAC5CF - #FFDFFC | 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 #CAC5CF as 0% and #FFDFFC as 100%.

0.0%	0.0% #CAC5CF	RGB 202 197 207	#CAC5CF
16.7%	16.7% #D1C9D7	RGB 209 201 215	#D1C9D7
33.3%	33.3% #DACEDF	RGB 218 206 223	#DACEDF
50.0%	50.0% #E2D2E7	RGB 226 210 231	#E2D2E7
66.7%	66.7% #ECD7EF	RGB 236 215 239	#ECD7EF
83.3%	83.3% #F6DBF7	RGB 246 219 247	#F6DBF7
100.0%	100.0% #FFDFFC	RGB 255 223 252	#FFDFFC

#CAC5CF #D1C9D7 #DACEDF #E2D2E7 #ECD7EF #F6DBF7 #FFDFFC

#CAC5CF - #E2D2E7 - #FFDFFC

CSS codes

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

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