#CFC7C8 - #FFDBDB | 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 #FFDBDB

#CFC7C8 #FFDBDB

Calculate the color between two colors, #CFC7C8 and #FFDBDB. 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 - #FFDBDB | 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 #FFDBDB as 100%.

0.0%	0.0% #CFC7C8	RGB 207 199 200	#CFC7C8
16.7%	16.7% #D7CACB	RGB 215 202 203	#D7CACB
33.3%	33.3% #DFCDCE	RGB 223 205 206	#DFCDCE
50.0%	50.0% #E7D1D1	RGB 231 209 209	#E7D1D1
66.7%	66.7% #EFD4D4	RGB 239 212 212	#EFD4D4
83.3%	83.3% #F7D7D7	RGB 247 215 215	#F7D7D7
100.0%	100.0% #FFDBDB	RGB 255 219 219	#FFDBDB

#CFC7C8 #D7CACB #DFCDCE #E7D1D1 #EFD4D4 #F7D7D7 #FFDBDB

#CFC7C8 - #FFDBDB

HSV Blend

#CFC7C8 - #FFDBDB | 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 #FFDBDB as 100%.

0.0%	0.0% #CFC7C8	RGB 207 199 200	#CFC7C8
16.7%	16.7% #D7CBCC	RGB 215 203 204	#D7CBCC
33.3%	33.3% #DFCED0	RGB 223 206 208	#DFCED0
50.0%	50.0% #E7D2D3	RGB 231 210 211	#E7D2D3
66.7%	66.7% #EFD5D6	RGB 239 213 214	#EFD5D6
83.3%	83.3% #F7D8D8	RGB 247 216 216	#F7D8D8
100.0%	100.0% #FFDBDB	RGB 255 219 219	#FFDBDB

#CFC7C8 #D7CBCC #DFCED0 #E7D2D3 #EFD5D6 #F7D8D8 #FFDBDB

#CFC7C8 - #E7D2D3 - #FFDBDB

CSS codes

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

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