#ECE95E - #CDBC1B | 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 #ECE95E to #CDBC1B

#ECE95E #CDBC1B

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

#ECE95E - #CDBC1B | 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 #ECE95E as 0% and #CDBC1B as 100%.

0.0%	0.0% #ECE95E	RGB 236 233 94	#ECE95E
16.7%	16.7% #E6E152	RGB 230 225 82	#E6E152
33.3%	33.3% #E1DA47	RGB 225 218 71	#E1DA47
50.0%	50.0% #DCD23C	RGB 220 210 60	#DCD23C
66.7%	66.7% #D7CB31	RGB 215 203 49	#D7CB31
83.3%	83.3% #D2C326	RGB 210 195 38	#D2C326
100.0%	100.0% #CDBC1B	RGB 205 188 27	#CDBC1B

#ECE95E #E6E152 #E1DA47 #DCD23C #D7CB31 #D2C326 #CDBC1B

#ECE95E - #CDBC1B

HSV Blend

#ECE95E - #CDBC1B | 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 #ECE95E as 0% and #CDBC1B as 100%.

0.0%	0.0% #ECE95E	RGB 236 233 94	#ECE95E
16.7%	16.7% #E6E151	RGB 230 225 81	#E6E151
33.3%	33.3% #E1DA45	RGB 225 218 69	#E1DA45
50.0%	50.0% #DCD33A	RGB 220 211 58	#DCD33A
66.7%	66.7% #D7CB2F	RGB 215 203 47	#D7CB2F
83.3%	83.3% #D2C325	RGB 210 195 37	#D2C325
100.0%	100.0% #CDBC1B	RGB 205 188 27	#CDBC1B

#ECE95E #E6E151 #E1DA45 #DCD33A #D7CB2F #D2C325 #CDBC1B

#ECE95E - #DCD33A - #CDBC1B

CSS codes

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

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