#ECE05E - #A48E09 | 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 #ECE05E to #A48E09

#ECE05E #A48E09

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

#ECE05E - #A48E09 | 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 #ECE05E as 0% and #A48E09 as 100%.

0.0%	0.0% #ECE05E	RGB 236 224 94	#ECE05E
16.7%	16.7% #E0D24F	RGB 224 210 79	#E0D24F
33.3%	33.3% #D4C441	RGB 212 196 65	#D4C441
50.0%	50.0% #C8B733	RGB 200 183 51	#C8B733
66.7%	66.7% #BCA925	RGB 188 169 37	#BCA925
83.3%	83.3% #B09B17	RGB 176 155 23	#B09B17
100.0%	100.0% #A48E09	RGB 164 142 9	#A48E09

#ECE05E #E0D24F #D4C441 #C8B733 #BCA925 #B09B17 #A48E09

#ECE05E - #A48E09

HSV Blend

#ECE05E - #A48E09 | 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 #ECE05E as 0% and #A48E09 as 100%.

0.0%	0.0% #ECE05E	RGB 236 224 94	#ECE05E
16.7%	16.7% #E0D24C	RGB 224 210 76	#E0D24C
33.3%	33.3% #D4C43C	RGB 212 196 60	#D4C43C
50.0%	50.0% #C8B62D	RGB 200 182 45	#C8B62D
66.7%	66.7% #BCA81F	RGB 188 168 31	#BCA81F
83.3%	83.3% #B09B13	RGB 176 155 19	#B09B13
100.0%	100.0% #A48E09	RGB 164 142 9	#A48E09

#ECE05E #E0D24C #D4C43C #C8B62D #BCA81F #B09B13 #A48E09

#ECE05E - #C8B62D - #A48E09

CSS codes

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

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