#ECE40F - #C3A30B | 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 #ECE40F to #C3A30B

#ECE40F #C3A30B

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

#ECE40F - #C3A30B | 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 #ECE40F as 0% and #C3A30B as 100%.

0.0%	0.0% #ECE40F	RGB 236 228 15	#ECE40F
16.7%	16.7% #E5D90E	RGB 229 217 14	#E5D90E
33.3%	33.3% #DECE0D	RGB 222 206 13	#DECE0D
50.0%	50.0% #D7C30D	RGB 215 195 13	#D7C30D
66.7%	66.7% #D0B80C	RGB 208 184 12	#D0B80C
83.3%	83.3% #C9AD0B	RGB 201 173 11	#C9AD0B
100.0%	100.0% #C3A30B	RGB 195 163 11	#C3A30B

#ECE40F #E5D90E #DECE0D #D7C30D #D0B80C #C9AD0B #C3A30B

#ECE40F - #C3A30B

HSV Blend

#ECE40F - #C3A30B | 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 #ECE40F as 0% and #C3A30B as 100%.

0.0%	0.0% #ECE40E	RGB 236 228 14	#ECE40E
16.7%	16.7% #E5D80E	RGB 229 216 14	#E5D80E
33.3%	33.3% #DECD0D	RGB 222 205 13	#DECD0D
50.0%	50.0% #D7C20C	RGB 215 194 12	#D7C20C
66.7%	66.7% #D0B70C	RGB 208 183 12	#D0B70C
83.3%	83.3% #C9AD0B	RGB 201 173 11	#C9AD0B
100.0%	100.0% #C3A30B	RGB 195 163 11	#C3A30B

#ECE40E #E5D80E #DECD0D #D7C20C #D0B70C #C9AD0B #C3A30B

#ECE40F - #D7C20C - #C3A30B

CSS codes

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

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