#EAD8DA - #F6ECE8 | 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 #EAD8DA to #F6ECE8

#EAD8DA #F6ECE8

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

#EAD8DA - #F6ECE8 | 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 #EAD8DA as 0% and #F6ECE8 as 100%.

0.0%	0.0% #EAD8DA	RGB 234 216 218	#EAD8DA
16.7%	16.7% #ECDBDC	RGB 236 219 220	#ECDBDC
33.3%	33.3% #EEDEDE	RGB 238 222 222	#EEDEDE
50.0%	50.0% #F0E2E1	RGB 240 226 225	#F0E2E1
66.7%	66.7% #F2E5E3	RGB 242 229 227	#F2E5E3
83.3%	83.3% #F4E8E5	RGB 244 232 229	#F4E8E5
100.0%	100.0% #F6ECE8	RGB 246 236 232	#F6ECE8

#EAD8DA #ECDBDC #EEDEDE #F0E2E1 #F2E5E3 #F4E8E5 #F6ECE8

#EAD8DA - #F6ECE8

HSV Blend

#EAD8DA - #F6ECE8 | 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 #EAD8DA as 0% and #F6ECE8 as 100%.

0.0%	0.0% #EAD8DA	RGB 234 216 218	#EAD8DA
16.7%	16.7% #ECDADB	RGB 236 218 219	#ECDADB
33.3%	33.3% #EEDDDD	RGB 238 221 221	#EEDDDD
50.0%	50.0% #F0E1DF	RGB 240 225 223	#F0E1DF
66.7%	66.7% #F2E4E2	RGB 242 228 226	#F2E4E2
83.3%	83.3% #F4E8E5	RGB 244 232 229	#F4E8E5
100.0%	100.0% #F6ECE8	RGB 246 236 232	#F6ECE8

#EAD8DA #ECDADB #EEDDDD #F0E1DF #F2E4E2 #F4E8E5 #F6ECE8

#EAD8DA - #F0E1DF - #F6ECE8

CSS codes

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

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