#CACFD3 - #FFCBE9 | 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 #CACFD3 to #FFCBE9

#CACFD3 #FFCBE9

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

#CACFD3 - #FFCBE9 | 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 #CACFD3 as 0% and #FFCBE9 as 100%.

0.0%	0.0% #CACFD3	RGB 202 207 211	#CACFD3
16.7%	16.7% #D2CED6	RGB 210 206 214	#D2CED6
33.3%	33.3% #DBCDDA	RGB 219 205 218	#DBCDDA
50.0%	50.0% #E4CDDE	RGB 228 205 222	#E4CDDE
66.7%	66.7% #EDCCE1	RGB 237 204 225	#EDCCE1
83.3%	83.3% #F6CBE5	RGB 246 203 229	#F6CBE5
100.0%	100.0% #FFCBE9	RGB 255 203 233	#FFCBE9

#CACFD3 #D2CED6 #DBCDDA #E4CDDE #EDCCE1 #F6CBE5 #FFCBE9

#CACFD3 - #FFCBE9

HSV Blend

#CACFD3 - #FFCBE9 | 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 #CACFD3 as 0% and #FFCBE9 as 100%.

0.0%	0.0% #CACFD3	RGB 202 207 211	#CACFD3
16.7%	16.7% #CBCEDA	RGB 203 206 218	#CBCEDA
33.3%	33.3% #CECBE1	RGB 206 203 225	#CECBE1
50.0%	50.0% #D8CCE9	RGB 216 204 233	#D8CCE9
66.7%	66.7% #E7CCF0	RGB 231 204 240	#E7CCF0
83.3%	83.3% #F7CBF3	RGB 247 203 243	#F7CBF3
100.0%	100.0% #FFCBE9	RGB 255 203 233	#FFCBE9

#CACFD3 #CBCEDA #CECBE1 #D8CCE9 #E7CCF0 #F7CBF3 #FFCBE9

#CACFD3 - #D8CCE9 - #FFCBE9

CSS codes

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

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