#DAC67E - #E9FDA0 | 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 #DAC67E to #E9FDA0

#DAC67E #E9FDA0

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

#DAC67E - #E9FDA0 | 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 #DAC67E as 0% and #E9FDA0 as 100%.

0.0%	0.0% #DAC67E	RGB 218 198 126	#DAC67E
16.7%	16.7% #DCCF83	RGB 220 207 131	#DCCF83
33.3%	33.3% #DFD889	RGB 223 216 137	#DFD889
50.0%	50.0% #E1E18F	RGB 225 225 143	#E1E18F
66.7%	66.7% #E4EA94	RGB 228 234 148	#E4EA94
83.3%	83.3% #E6F39A	RGB 230 243 154	#E6F39A
100.0%	100.0% #E9FDA0	RGB 233 253 160	#E9FDA0

#DAC67E #DCCF83 #DFD889 #E1E18F #E4EA94 #E6F39A #E9FDA0

#DAC67E - #E9FDA0

HSV Blend

#DAC67E - #E9FDA0 | 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 #DAC67E as 0% and #E9FDA0 as 100%.

0.0%	0.0% #DAC67E	RGB 218 198 126	#DAC67E
16.7%	16.7% #DFD283	RGB 223 210 131	#DFD283
33.3%	33.3% #E5DE88	RGB 229 222 136	#E5DE88
50.0%	50.0% #EBEB8E	RGB 235 235 142	#EBEB8E
66.7%	66.7% #EAF194	RGB 234 241 148	#EAF194
83.3%	83.3% #E9F79A	RGB 233 247 154	#E9F79A
100.0%	100.0% #E9FDA0	RGB 233 253 160	#E9FDA0

#DAC67E #DFD283 #E5DE88 #EBEB8E #EAF194 #E9F79A #E9FDA0

#DAC67E - #EBEB8E - #E9FDA0

CSS codes

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

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