#C2CF92 - #EDF1DF | 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 #C2CF92 to #EDF1DF

#C2CF92 #EDF1DF

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

#C2CF92 - #EDF1DF | 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 #C2CF92 as 0% and #EDF1DF as 100%.

0.0%	0.0% #C2CF92	RGB 194 207 146	#C2CF92
16.7%	16.7% #C9D49E	RGB 201 212 158	#C9D49E
33.3%	33.3% #D0DAAB	RGB 208 218 171	#D0DAAB
50.0%	50.0% #D7E0B8	RGB 215 224 184	#D7E0B8
66.7%	66.7% #DEE5C5	RGB 222 229 197	#DEE5C5
83.3%	83.3% #E5EBD2	RGB 229 235 210	#E5EBD2
100.0%	100.0% #EDF1DF	RGB 237 241 223	#EDF1DF

#C2CF92 #C9D49E #D0DAAB #D7E0B8 #DEE5C5 #E5EBD2 #EDF1DF

#C2CF92 - #EDF1DF

HSV Blend

#C2CF92 - #EDF1DF | 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 #C2CF92 as 0% and #EDF1DF as 100%.

0.0%	0.0% #C2CF92	RGB 194 207 146	#C2CF92
16.7%	16.7% #C8D49D	RGB 200 212 157	#C8D49D
33.3%	33.3% #CFDAAA	RGB 207 218 170	#CFDAAA
50.0%	50.0% #D6E0B6	RGB 214 224 182	#D6E0B6
66.7%	66.7% #DEE5C3	RGB 222 229 195	#DEE5C3
83.3%	83.3% #E5EBD1	RGB 229 235 209	#E5EBD1
100.0%	100.0% #EDF1DF	RGB 237 241 223	#EDF1DF

#C2CF92 #C8D49D #CFDAAA #D6E0B6 #DEE5C3 #E5EBD1 #EDF1DF

#C2CF92 - #D6E0B6 - #EDF1DF

CSS codes

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

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