#EEE6AC - #DAFBCD | 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 #EEE6AC to #DAFBCD

#EEE6AC #DAFBCD

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

#EEE6AC - #DAFBCD | 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 #EEE6AC as 0% and #DAFBCD as 100%.

0.0%	0.0% #EEE6AC	RGB 238 230 172	#EEE6AC
16.7%	16.7% #EAE9B1	RGB 234 233 177	#EAE9B1
33.3%	33.3% #E7EDB7	RGB 231 237 183	#E7EDB7
50.0%	50.0% #E4F0BC	RGB 228 240 188	#E4F0BC
66.7%	66.7% #E0F4C2	RGB 224 244 194	#E0F4C2
83.3%	83.3% #DDF7C7	RGB 221 247 199	#DDF7C7
100.0%	100.0% #DAFBCD	RGB 218 251 205	#DAFBCD

#EEE6AC #EAE9B1 #E7EDB7 #E4F0BC #E0F4C2 #DDF7C7 #DAFBCD

#EEE6AC - #DAFBCD

HSV Blend

#EEE6AC - #DAFBCD | 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 #EEE6AC as 0% and #DAFBCD as 100%.

0.0%	0.0% #EEE6AC	RGB 238 230 172	#EEE6AC
16.7%	16.7% #EFF0B1	RGB 239 240 177	#EFF0B1
33.3%	33.3% #E8F2B6	RGB 232 242 182	#E8F2B6
50.0%	50.0% #E3F4BC	RGB 227 244 188	#E3F4BC
66.7%	66.7% #DFF6C1	RGB 223 246 193	#DFF6C1
83.3%	83.3% #DCF8C7	RGB 220 248 199	#DCF8C7
100.0%	100.0% #DAFBCD	RGB 218 251 205	#DAFBCD

#EEE6AC #EFF0B1 #E8F2B6 #E3F4BC #DFF6C1 #DCF8C7 #DAFBCD

#EEE6AC - #E3F4BC - #DAFBCD

CSS codes

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

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