#EDCC7E - #D2922E | 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 #EDCC7E to #D2922E

#EDCC7E #D2922E

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

#EDCC7E - #D2922E | 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 #EDCC7E as 0% and #D2922E as 100%.

0.0%	0.0% #EDCC7E	RGB 237 204 126	#EDCC7E
16.7%	16.7% #E8C270	RGB 232 194 112	#E8C270
33.3%	33.3% #E4B863	RGB 228 184 99	#E4B863
50.0%	50.0% #DFAF56	RGB 223 175 86	#DFAF56
66.7%	66.7% #DBA548	RGB 219 165 72	#DBA548
83.3%	83.3% #D69B3B	RGB 214 155 59	#D69B3B
100.0%	100.0% #D2922E	RGB 210 146 46	#D2922E

#EDCC7E #E8C270 #E4B863 #DFAF56 #DBA548 #D69B3B #D2922E

#EDCC7E - #D2922E

HSV Blend

#EDCC7E - #D2922E | 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 #EDCC7E as 0% and #D2922E as 100%.

0.0%	0.0% #EDCC7E	RGB 237 204 126	#EDCC7E
16.7%	16.7% #E8C26F	RGB 232 194 111	#E8C26F
33.3%	33.3% #E4B961	RGB 228 185 97	#E4B961
50.0%	50.0% #DFAF53	RGB 223 175 83	#DFAF53
66.7%	66.7% #DBA546	RGB 219 165 70	#DBA546
83.3%	83.3% #D69B3A	RGB 214 155 58	#D69B3A
100.0%	100.0% #D2922E	RGB 210 146 46	#D2922E

#EDCC7E #E8C26F #E4B961 #DFAF53 #DBA546 #D69B3A #D2922E

#EDCC7E - #DFAF53 - #D2922E

CSS codes

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

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