#ECE538 - #C9AF0E | 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 #ECE538 to #C9AF0E

#ECE538 #C9AF0E

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

#ECE538 - #C9AF0E | 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 #ECE538 as 0% and #C9AF0E as 100%.

0.0%	0.0% #ECE538	RGB 236 229 56	#ECE538
16.7%	16.7% #E6DC31	RGB 230 220 49	#E6DC31
33.3%	33.3% #E0D32A	RGB 224 211 42	#E0D32A
50.0%	50.0% #DACA23	RGB 218 202 35	#DACA23
66.7%	66.7% #D4C11C	RGB 212 193 28	#D4C11C
83.3%	83.3% #CEB815	RGB 206 184 21	#CEB815
100.0%	100.0% #C9AF0E	RGB 201 175 14	#C9AF0E

#ECE538 #E6DC31 #E0D32A #DACA23 #D4C11C #CEB815 #C9AF0E

#ECE538 - #C9AF0E

HSV Blend

#ECE538 - #C9AF0E | 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 #ECE538 as 0% and #C9AF0E as 100%.

0.0%	0.0% #ECE538	RGB 236 229 56	#ECE538
16.7%	16.7% #E6DC30	RGB 230 220 48	#E6DC30
33.3%	33.3% #E0D328	RGB 224 211 40	#E0D328
50.0%	50.0% #DACA21	RGB 218 202 33	#DACA21
66.7%	66.7% #D4C11A	RGB 212 193 26	#D4C11A
83.3%	83.3% #CEB714	RGB 206 183 20	#CEB714
100.0%	100.0% #C9AF0E	RGB 201 175 14	#C9AF0E

#ECE538 #E6DC30 #E0D328 #DACA21 #D4C11A #CEB714 #C9AF0E

#ECE538 - #DACA21 - #C9AF0E

CSS codes

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

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