#C3C25B - #EDECD0 | 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 #C3C25B to #EDECD0

#C3C25B #EDECD0

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

#C3C25B - #EDECD0 | 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 #C3C25B as 0% and #EDECD0 as 100%.

0.0%	0.0% #C3C25B	RGB 195 194 91	#C3C25B
16.7%	16.7% #CAC96E	RGB 202 201 110	#CAC96E
33.3%	33.3% #D1D082	RGB 209 208 130	#D1D082
50.0%	50.0% #D8D795	RGB 216 215 149	#D8D795
66.7%	66.7% #DFDEA9	RGB 223 222 169	#DFDEA9
83.3%	83.3% #E6E5BC	RGB 230 229 188	#E6E5BC
100.0%	100.0% #EDECD0	RGB 237 236 208	#EDECD0

#C3C25B #CAC96E #D1D082 #D8D795 #DFDEA9 #E6E5BC #EDECD0

#C3C25B - #EDECD0

HSV Blend

#C3C25B - #EDECD0 | 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 #C3C25B as 0% and #EDECD0 as 100%.

0.0%	0.0% #C3C25B	RGB 195 194 91	#C3C25B
16.7%	16.7% #CAC86C	RGB 202 200 108	#CAC86C
33.3%	33.3% #D1CF7E	RGB 209 207 126	#D1CF7E
50.0%	50.0% #D8D691	RGB 216 214 145	#D8D691
66.7%	66.7% #DFDDA5	RGB 223 221 165	#DFDDA5
83.3%	83.3% #E6E4BA	RGB 230 228 186	#E6E4BA
100.0%	100.0% #EDECD0	RGB 237 236 208	#EDECD0

#C3C25B #CAC86C #D1CF7E #D8D691 #DFDDA5 #E6E4BA #EDECD0

#C3C25B - #D8D691 - #EDECD0

CSS codes

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

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