#CFC7C8 - #FFD5E1 | 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 #CFC7C8 to #FFD5E1

#CFC7C8 #FFD5E1

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

#CFC7C8 - #FFD5E1 | 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 #CFC7C8 as 0% and #FFD5E1 as 100%.

0.0%	0.0% #CFC7C8	RGB 207 199 200	#CFC7C8
16.7%	16.7% #D7C9CC	RGB 215 201 204	#D7C9CC
33.3%	33.3% #DFCBD0	RGB 223 203 208	#DFCBD0
50.0%	50.0% #E7CED4	RGB 231 206 212	#E7CED4
66.7%	66.7% #EFD0D8	RGB 239 208 216	#EFD0D8
83.3%	83.3% #F7D2DC	RGB 247 210 220	#F7D2DC
100.0%	100.0% #FFD5E1	RGB 255 213 225	#FFD5E1

#CFC7C8 #D7C9CC #DFCBD0 #E7CED4 #EFD0D8 #F7D2DC #FFD5E1

#CFC7C8 - #FFD5E1

HSV Blend

#CFC7C8 - #FFD5E1 | 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 #CFC7C8 as 0% and #FFD5E1 as 100%.

0.0%	0.0% #CFC7C8	RGB 207 199 200	#CFC7C8
16.7%	16.7% #D7CACC	RGB 215 202 204	#D7CACC
33.3%	33.3% #DFCDD0	RGB 223 205 208	#DFCDD0
50.0%	50.0% #E7CFD4	RGB 231 207 212	#E7CFD4
66.7%	66.7% #EFD1D8	RGB 239 209 216	#EFD1D8
83.3%	83.3% #F7D3DC	RGB 247 211 220	#F7D3DC
100.0%	100.0% #FFD5E1	RGB 255 213 225	#FFD5E1

#CFC7C8 #D7CACC #DFCDD0 #E7CFD4 #EFD1D8 #F7D3DC #FFD5E1

#CFC7C8 - #E7CFD4 - #FFD5E1

CSS codes

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

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