#CFC8C7 - #ECCFE1 | 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 #CFC8C7 to #ECCFE1

#CFC8C7 #ECCFE1

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

#CFC8C7 - #ECCFE1 | 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 #CFC8C7 as 0% and #ECCFE1 as 100%.

0.0%	0.0% #CFC8C7	RGB 207 200 199	#CFC8C7
16.7%	16.7% #D3C9CB	RGB 211 201 203	#D3C9CB
33.3%	33.3% #D8CACF	RGB 216 202 207	#D8CACF
50.0%	50.0% #DDCBD4	RGB 221 203 212	#DDCBD4
66.7%	66.7% #E2CCD8	RGB 226 204 216	#E2CCD8
83.3%	83.3% #E7CDDC	RGB 231 205 220	#E7CDDC
100.0%	100.0% #ECCFE1	RGB 236 207 225	#ECCFE1

#CFC8C7 #D3C9CB #D8CACF #DDCBD4 #E2CCD8 #E7CDDC #ECCFE1

#CFC8C7 - #ECCFE1

HSV Blend

#CFC8C7 - #ECCFE1 | 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 #CFC8C7 as 0% and #ECCFE1 as 100%.

0.0%	0.0% #CFC8C7	RGB 207 200 199	#CFC8C7
16.7%	16.7% #D3C8C8	RGB 211 200 200	#D3C8C8
33.3%	33.3% #D8CACB	RGB 216 202 203	#D8CACB
50.0%	50.0% #DDCBD0	RGB 221 203 208	#DDCBD0
66.7%	66.7% #E2CCD4	RGB 226 204 212	#E2CCD4
83.3%	83.3% #E7CEDA	RGB 231 206 218	#E7CEDA
100.0%	100.0% #ECCFE1	RGB 236 207 225	#ECCFE1

#CFC8C7 #D3C8C8 #D8CACB #DDCBD0 #E2CCD4 #E7CEDA #ECCFE1

#CFC8C7 - #DDCBD0 - #ECCFE1

CSS codes

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

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