#C2CF9F - #EDF1E3 | 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 #C2CF9F to #EDF1E3

#C2CF9F #EDF1E3

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

#C2CF9F - #EDF1E3 | 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 #C2CF9F as 0% and #EDF1E3 as 100%.

0.0%	0.0% #C2CF9F	RGB 194 207 159	#C2CF9F
16.7%	16.7% #C9D4AA	RGB 201 212 170	#C9D4AA
33.3%	33.3% #D0DAB5	RGB 208 218 181	#D0DAB5
50.0%	50.0% #D7E0C1	RGB 215 224 193	#D7E0C1
66.7%	66.7% #DEE5CC	RGB 222 229 204	#DEE5CC
83.3%	83.3% #E5EBD7	RGB 229 235 215	#E5EBD7
100.0%	100.0% #EDF1E3	RGB 237 241 227	#EDF1E3

#C2CF9F #C9D4AA #D0DAB5 #D7E0C1 #DEE5CC #E5EBD7 #EDF1E3

#C2CF9F - #EDF1E3

HSV Blend

#C2CF9F - #EDF1E3 | 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 #C2CF9F as 0% and #EDF1E3 as 100%.

0.0%	0.0% #C2CF9F	RGB 194 207 159	#C2CF9F
16.7%	16.7% #C8D4A9	RGB 200 212 169	#C8D4A9
33.3%	33.3% #CFDAB4	RGB 207 218 180	#CFDAB4
50.0%	50.0% #D6E0BF	RGB 214 224 191	#D6E0BF
66.7%	66.7% #DEE5CB	RGB 222 229 203	#DEE5CB
83.3%	83.3% #E5EBD6	RGB 229 235 214	#E5EBD6
100.0%	100.0% #EDF1E3	RGB 237 241 227	#EDF1E3

#C2CF9F #C8D4A9 #CFDAB4 #D6E0BF #DEE5CB #E5EBD6 #EDF1E3

#C2CF9F - #D6E0BF - #EDF1E3

CSS codes

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

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