#ECE276 - #CFB429 | 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 #ECE276 to #CFB429

#ECE276 #CFB429

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

#ECE276 - #CFB429 | 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 #ECE276 as 0% and #CFB429 as 100%.

0.0%	0.0% #ECE276	RGB 236 226 118	#ECE276
16.7%	16.7% #E7DA69	RGB 231 218 105	#E7DA69
33.3%	33.3% #E2D25C	RGB 226 210 92	#E2D25C
50.0%	50.0% #DDCB4F	RGB 221 203 79	#DDCB4F
66.7%	66.7% #D8C342	RGB 216 195 66	#D8C342
83.3%	83.3% #D3BB35	RGB 211 187 53	#D3BB35
100.0%	100.0% #CFB429	RGB 207 180 41	#CFB429

#ECE276 #E7DA69 #E2D25C #DDCB4F #D8C342 #D3BB35 #CFB429

#ECE276 - #CFB429

HSV Blend

#ECE276 - #CFB429 | 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 #ECE276 as 0% and #CFB429 as 100%.

0.0%	0.0% #ECE276	RGB 236 226 118	#ECE276
16.7%	16.7% #E7DA67	RGB 231 218 103	#E7DA67
33.3%	33.3% #E2D35A	RGB 226 211 90	#E2D35A
50.0%	50.0% #DDCB4D	RGB 221 203 77	#DDCB4D
66.7%	66.7% #D8C340	RGB 216 195 64	#D8C340
83.3%	83.3% #D3BC34	RGB 211 188 52	#D3BC34
100.0%	100.0% #CFB429	RGB 207 180 41	#CFB429

#ECE276 #E7DA67 #E2D35A #DDCB4D #D8C340 #D3BC34 #CFB429

#ECE276 - #DDCB4D - #CFB429

CSS codes

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

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