#EBDE5E - #CCAC1B | 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 #EBDE5E to #CCAC1B

#EBDE5E #CCAC1B

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

#EBDE5E - #CCAC1B | 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 #EBDE5E as 0% and #CCAC1B as 100%.

0.0%	0.0% #EBDE5E	RGB 235 222 94	#EBDE5E
16.7%	16.7% #E5D552	RGB 229 213 82	#E5D552
33.3%	33.3% #E0CD47	RGB 224 205 71	#E0CD47
50.0%	50.0% #DBC53C	RGB 219 197 60	#DBC53C
66.7%	66.7% #D6BC31	RGB 214 188 49	#D6BC31
83.3%	83.3% #D1B426	RGB 209 180 38	#D1B426
100.0%	100.0% #CCAC1B	RGB 204 172 27	#CCAC1B

#EBDE5E #E5D552 #E0CD47 #DBC53C #D6BC31 #D1B426 #CCAC1B

#EBDE5E - #CCAC1B

HSV Blend

#EBDE5E - #CCAC1B | 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 #EBDE5E as 0% and #CCAC1B as 100%.

0.0%	0.0% #EBDE5E	RGB 235 222 94	#EBDE5E
16.7%	16.7% #E5D551	RGB 229 213 81	#E5D551
33.3%	33.3% #E0CD45	RGB 224 205 69	#E0CD45
50.0%	50.0% #DBC53A	RGB 219 197 58	#DBC53A
66.7%	66.7% #D6BD2F	RGB 214 189 47	#D6BD2F
83.3%	83.3% #D1B425	RGB 209 180 37	#D1B425
100.0%	100.0% #CCAC1B	RGB 204 172 27	#CCAC1B

#EBDE5E #E5D551 #E0CD45 #DBC53A #D6BD2F #D1B425 #CCAC1B

#EBDE5E - #DBC53A - #CCAC1B

CSS codes

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

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