#C2CCAF - #EDF0E8 | 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 #C2CCAF to #EDF0E8

#C2CCAF #EDF0E8

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

#C2CCAF - #EDF0E8 | 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 #C2CCAF as 0% and #EDF0E8 as 100%.

0.0%	0.0% #C2CCAF	RGB 194 204 175	#C2CCAF
16.7%	16.7% #C9D2B8	RGB 201 210 184	#C9D2B8
33.3%	33.3% #D0D8C2	RGB 208 216 194	#D0D8C2
50.0%	50.0% #D7DECB	RGB 215 222 203	#D7DECB
66.7%	66.7% #DEE4D5	RGB 222 228 213	#DEE4D5
83.3%	83.3% #E5EADE	RGB 229 234 222	#E5EADE
100.0%	100.0% #EDF0E8	RGB 237 240 232	#EDF0E8

#C2CCAF #C9D2B8 #D0D8C2 #D7DECB #DEE4D5 #E5EADE #EDF0E8

#C2CCAF - #EDF0E8

HSV Blend

#C2CCAF - #EDF0E8 | 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 #C2CCAF as 0% and #EDF0E8 as 100%.

0.0%	0.0% #C2CCAF	RGB 194 204 175	#C2CCAF
16.7%	16.7% #C8D2B7	RGB 200 210 183	#C8D2B7
33.3%	33.3% #CFD8C1	RGB 207 216 193	#CFD8C1
50.0%	50.0% #D6DECA	RGB 214 222 202	#D6DECA
66.7%	66.7% #DEE4D4	RGB 222 228 212	#DEE4D4
83.3%	83.3% #E5EADD	RGB 229 234 221	#E5EADD
100.0%	100.0% #EDF0E8	RGB 237 240 232	#EDF0E8

#C2CCAF #C8D2B7 #CFD8C1 #D6DECA #DEE4D4 #E5EADD #EDF0E8

#C2CCAF - #D6DECA - #EDF0E8

CSS codes

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

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