#C0CFB2 - #F2ECC4 | 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 #C0CFB2 to #F2ECC4

#C0CFB2 #F2ECC4

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

#C0CFB2 - #F2ECC4 | 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 #C0CFB2 as 0% and #F2ECC4 as 100%.

0.0%	0.0% #C0CFB2	RGB 192 207 178	#C0CFB2
16.7%	16.7% #C8D3B5	RGB 200 211 181	#C8D3B5
33.3%	33.3% #D0D8B8	RGB 208 216 184	#D0D8B8
50.0%	50.0% #D9DDBB	RGB 217 221 187	#D9DDBB
66.7%	66.7% #E1E2BE	RGB 225 226 190	#E1E2BE
83.3%	83.3% #E9E7C1	RGB 233 231 193	#E9E7C1
100.0%	100.0% #F2ECC4	RGB 242 236 196	#F2ECC4

#C0CFB2 #C8D3B5 #D0D8B8 #D9DDBB #E1E2BE #E9E7C1 #F2ECC4

#C0CFB2 - #F2ECC4

HSV Blend

#C0CFB2 - #F2ECC4 | 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 #C0CFB2 as 0% and #F2ECC4 as 100%.

0.0%	0.0% #C0CFB2	RGB 192 207 178	#C0CFB2
16.7%	16.7% #C7D4B5	RGB 199 212 181	#C7D4B5
33.3%	33.3% #D0DAB8	RGB 208 218 184	#D0DAB8
50.0%	50.0% #D9E0BB	RGB 217 224 187	#D9E0BB
66.7%	66.7% #E2E6BE	RGB 226 230 190	#E2E6BE
83.3%	83.3% #ECEBC1	RGB 236 235 193	#ECEBC1
100.0%	100.0% #F2ECC4	RGB 242 236 196	#F2ECC4

#C0CFB2 #C7D4B5 #D0DAB8 #D9E0BB #E2E6BE #ECEBC1 #F2ECC4

#C0CFB2 - #D9E0BB - #F2ECC4

CSS codes

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

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