#E2CFDA - #EAD0E5 | 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 #E2CFDA to #EAD0E5

#E2CFDA #EAD0E5

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

#E2CFDA - #EAD0E5 | 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 #E2CFDA as 0% and #EAD0E5 as 100%.

0.0%	0.0% #E2CFDA	RGB 226 207 218	#E2CFDA
16.7%	16.7% #E3CFDB	RGB 227 207 219	#E3CFDB
33.3%	33.3% #E4CFDD	RGB 228 207 221	#E4CFDD
50.0%	50.0% #E6CFDF	RGB 230 207 223	#E6CFDF
66.7%	66.7% #E7CFE1	RGB 231 207 225	#E7CFE1
83.3%	83.3% #E8CFE3	RGB 232 207 227	#E8CFE3
100.0%	100.0% #EAD0E5	RGB 234 208 229	#EAD0E5

#E2CFDA #E3CFDB #E4CFDD #E6CFDF #E7CFE1 #E8CFE3 #EAD0E5

#E2CFDA - #EAD0E5

HSV Blend

#E2CFDA - #EAD0E5 | 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 #E2CFDA as 0% and #EAD0E5 as 100%.

0.0%	0.0% #E2CFDA	RGB 226 207 218	#E2CFDA
16.7%	16.7% #E3CFDB	RGB 227 207 219	#E3CFDB
33.3%	33.3% #E4CFDD	RGB 228 207 221	#E4CFDD
50.0%	50.0% #E6CFDF	RGB 230 207 223	#E6CFDF
66.7%	66.7% #E7CFE0	RGB 231 207 224	#E7CFE0
83.3%	83.3% #E8CFE2	RGB 232 207 226	#E8CFE2
100.0%	100.0% #EAD0E5	RGB 234 208 229	#EAD0E5

#E2CFDA #E3CFDB #E4CFDD #E6CFDF #E7CFE0 #E8CFE2 #EAD0E5

#E2CFDA - #E6CFDF - #EAD0E5

CSS codes

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

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