#E4C8C3 - #DAFFDA | 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 #E4C8C3 to #DAFFDA

#E4C8C3 #DAFFDA

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

#E4C8C3 - #DAFFDA | 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 #E4C8C3 as 0% and #DAFFDA as 100%.

0.0%	0.0% #E4C8C3	RGB 228 200 195	#E4C8C3
16.7%	16.7% #E2D1C6	RGB 226 209 198	#E2D1C6
33.3%	33.3% #E0DACA	RGB 224 218 202	#E0DACA
50.0%	50.0% #DFE3CE	RGB 223 227 206	#DFE3CE
66.7%	66.7% #DDECD2	RGB 221 236 210	#DDECD2
83.3%	83.3% #DBF5D6	RGB 219 245 214	#DBF5D6
100.0%	100.0% #DAFFDA	RGB 218 255 218	#DAFFDA

#E4C8C3 #E2D1C6 #E0DACA #DFE3CE #DDECD2 #DBF5D6 #DAFFDA

#E4C8C3 - #DAFFDA

HSV Blend

#E4C8C3 - #DAFFDA | 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 #E4C8C3 as 0% and #DAFFDA as 100%.

0.0%	0.0% #E4C8C3	RGB 228 200 195	#E4C8C3
16.7%	16.7% #E8D6C6	RGB 232 214 198	#E8D6C6
33.3%	33.3% #EDE5CA	RGB 237 229 202	#EDE5CA
50.0%	50.0% #EEF1CE	RGB 238 241 206	#EEF1CE
66.7%	66.7% #E8F6D2	RGB 232 246 210	#E8F6D2
83.3%	83.3% #E1FAD6	RGB 225 250 214	#E1FAD6
100.0%	100.0% #DAFFDA	RGB 218 255 218	#DAFFDA

#E4C8C3 #E8D6C6 #EDE5CA #EEF1CE #E8F6D2 #E1FAD6 #DAFFDA

#E4C8C3 - #EEF1CE - #DAFFDA

CSS codes

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

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