#ECDA6B - #CFA722 | 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 #ECDA6B to #CFA722

#ECDA6B #CFA722

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

#ECDA6B - #CFA722 | 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 #ECDA6B as 0% and #CFA722 as 100%.

0.0%	0.0% #ECDA6B	RGB 236 218 107	#ECDA6B
16.7%	16.7% #E7D15E	RGB 231 209 94	#E7D15E
33.3%	33.3% #E2C952	RGB 226 201 82	#E2C952
50.0%	50.0% #DDC046	RGB 221 192 70	#DDC046
66.7%	66.7% #D8B83A	RGB 216 184 58	#D8B83A
83.3%	83.3% #D3AF2E	RGB 211 175 46	#D3AF2E
100.0%	100.0% #CFA722	RGB 207 167 34	#CFA722

#ECDA6B #E7D15E #E2C952 #DDC046 #D8B83A #D3AF2E #CFA722

#ECDA6B - #CFA722

HSV Blend

#ECDA6B - #CFA722 | 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 #ECDA6B as 0% and #CFA722 as 100%.

0.0%	0.0% #ECDA6B	RGB 236 218 107	#ECDA6B
16.7%	16.7% #E7D15D	RGB 231 209 93	#E7D15D
33.3%	33.3% #E2C950	RGB 226 201 80	#E2C950
50.0%	50.0% #DDC144	RGB 221 193 68	#DDC144
66.7%	66.7% #D8B838	RGB 216 184 56	#D8B838
83.3%	83.3% #D3AF2D	RGB 211 175 45	#D3AF2D
100.0%	100.0% #CFA722	RGB 207 167 34	#CFA722

#ECDA6B #E7D15D #E2C950 #DDC144 #D8B838 #D3AF2D #CFA722

#ECDA6B - #DDC144 - #CFA722

CSS codes

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

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