#EEE6B2 - #DAC35C | 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 #EEE6B2 to #DAC35C

#EEE6B2 #DAC35C

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

#EEE6B2 - #DAC35C | 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 #EEE6B2 as 0% and #DAC35C as 100%.

0.0%	0.0% #EEE6B2	RGB 238 230 178	#EEE6B2
16.7%	16.7% #EAE0A3	RGB 234 224 163	#EAE0A3
33.3%	33.3% #E7DA95	RGB 231 218 149	#E7DA95
50.0%	50.0% #E4D487	RGB 228 212 135	#E4D487
66.7%	66.7% #E0CE78	RGB 224 206 120	#E0CE78
83.3%	83.3% #DDC86A	RGB 221 200 106	#DDC86A
100.0%	100.0% #DAC35C	RGB 218 195 92	#DAC35C

#EEE6B2 #EAE0A3 #E7DA95 #E4D487 #E0CE78 #DDC86A #DAC35C

#EEE6B2 - #DAC35C

HSV Blend

#EEE6B2 - #DAC35C | 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 #EEE6B2 as 0% and #DAC35C as 100%.

0.0%	0.0% #EEE6B2	RGB 238 230 178	#EEE6B2
16.7%	16.7% #EAE0A2	RGB 234 224 162	#EAE0A2
33.3%	33.3% #E7DA93	RGB 231 218 147	#E7DA93
50.0%	50.0% #E4D585	RGB 228 213 133	#E4D585
66.7%	66.7% #E0CF77	RGB 224 207 119	#E0CF77
83.3%	83.3% #DDC969	RGB 221 201 105	#DDC969
100.0%	100.0% #DAC35C	RGB 218 195 92	#DAC35C

#EEE6B2 #EAE0A2 #E7DA93 #E4D585 #E0CF77 #DDC969 #DAC35C

#EEE6B2 - #E4D585 - #DAC35C

CSS codes

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

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