#E4DBC3 - #DAFFF0 | 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 #E4DBC3 to #DAFFF0

#E4DBC3 #DAFFF0

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

#E4DBC3 - #DAFFF0 | 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 #E4DBC3 as 0% and #DAFFF0 as 100%.

0.0%	0.0% #E4DBC3	RGB 228 219 195	#E4DBC3
16.7%	16.7% #E2E1CA	RGB 226 225 202	#E2E1CA
33.3%	33.3% #E0E7D2	RGB 224 231 210	#E0E7D2
50.0%	50.0% #DFEDD9	RGB 223 237 217	#DFEDD9
66.7%	66.7% #DDF3E1	RGB 221 243 225	#DDF3E1
83.3%	83.3% #DBF9E8	RGB 219 249 232	#DBF9E8
100.0%	100.0% #DAFFF0	RGB 218 255 240	#DAFFF0

#E4DBC3 #E2E1CA #E0E7D2 #DFEDD9 #DDF3E1 #DBF9E8 #DAFFF0

#E4DBC3 - #DAFFF0

HSV Blend

#E4DBC3 - #DAFFF0 | 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 #E4DBC3 as 0% and #DAFFF0 as 100%.

0.0%	0.0% #E4DBC3	RGB 228 219 195	#E4DBC3
16.7%	16.7% #E7E8C6	RGB 231 232 198	#E7E8C6
33.3%	33.3% #E0EDCA	RGB 224 237 202	#E0EDCA
50.0%	50.0% #DAF1CE	RGB 218 241 206	#DAF1CE
66.7%	66.7% #D3F6D2	RGB 211 246 210	#D3F6D2
83.3%	83.3% #D6FAE0	RGB 214 250 224	#D6FAE0
100.0%	100.0% #DAFFF0	RGB 218 255 240	#DAFFF0

#E4DBC3 #E7E8C6 #E0EDCA #DAF1CE #D3F6D2 #D6FAE0 #DAFFF0

#E4DBC3 - #DAF1CE - #DAFFF0

CSS codes

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

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