#C4D0CE - #FFCBF9 | 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 #C4D0CE to #FFCBF9

#C4D0CE #FFCBF9

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

#C4D0CE - #FFCBF9 | 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 #C4D0CE as 0% and #FFCBF9 as 100%.

0.0%	0.0% #C4D0CE	RGB 196 208 206	#C4D0CE
16.7%	16.7% #CDCFD5	RGB 205 207 213	#CDCFD5
33.3%	33.3% #D7CEDC	RGB 215 206 220	#D7CEDC
50.0%	50.0% #E1CDE3	RGB 225 205 227	#E1CDE3
66.7%	66.7% #EBCCEA	RGB 235 204 234	#EBCCEA
83.3%	83.3% #F5CBF1	RGB 245 203 241	#F5CBF1
100.0%	100.0% #FFCBF9	RGB 255 203 249	#FFCBF9

#C4D0CE #CDCFD5 #D7CEDC #E1CDE3 #EBCCEA #F5CBF1 #FFCBF9

#C4D0CE - #FFCBF9

HSV Blend

#C4D0CE - #FFCBF9 | 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 #C4D0CE as 0% and #FFCBF9 as 100%.

0.0%	0.0% #C4D0CE	RGB 196 208 206	#C4D0CE
16.7%	16.7% #C6D4D7	RGB 198 212 215	#C6D4D7
33.3%	33.3% #C7D1DF	RGB 199 209 223	#C7D1DF
50.0%	50.0% #C9C9E7	RGB 201 201 231	#C9C9E7
66.7%	66.7% #D7CAEF	RGB 215 202 239	#D7CAEF
83.3%	83.3% #EBCAF7	RGB 235 202 247	#EBCAF7
100.0%	100.0% #FFCBF9	RGB 255 203 249	#FFCBF9

#C4D0CE #C6D4D7 #C7D1DF #C9C9E7 #D7CAEF #EBCAF7 #FFCBF9

#C4D0CE - #C9C9E7 - #FFCBF9

CSS codes

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

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