#EDDCFE - #DADAF6 | 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 #EDDCFE to #DADAF6

#EDDCFE #DADAF6

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

#EDDCFE - #DADAF6 | 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 #EDDCFE as 0% and #DADAF6 as 100%.

0.0%	0.0% #EDDCFE	RGB 237 220 254	#EDDCFE
16.7%	16.7% #E9DBFC	RGB 233 219 252	#E9DBFC
33.3%	33.3% #E6DBFB	RGB 230 219 251	#E6DBFB
50.0%	50.0% #E3DBFA	RGB 227 219 250	#E3DBFA
66.7%	66.7% #E0DAF8	RGB 224 218 248	#E0DAF8
83.3%	83.3% #DDDAF7	RGB 221 218 247	#DDDAF7
100.0%	100.0% #DADAF6	RGB 218 218 246	#DADAF6

#EDDCFE #E9DBFC #E6DBFB #E3DBFA #E0DAF8 #DDDAF7 #DADAF6

#EDDCFE - #DADAF6

HSV Blend

#EDDCFE - #DADAF6 | 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 #EDDCFE as 0% and #DADAF6 as 100%.

0.0%	0.0% #EDDCFE	RGB 237 220 254	#EDDCFE
16.7%	16.7% #E9DBFC	RGB 233 219 252	#E9DBFC
33.3%	33.3% #E6DBFB	RGB 230 219 251	#E6DBFB
50.0%	50.0% #E2DBFA	RGB 226 219 250	#E2DBFA
66.7%	66.7% #DFDAF8	RGB 223 218 248	#DFDAF8
83.3%	83.3% #DCDAF7	RGB 220 218 247	#DCDAF7
100.0%	100.0% #DADAF6	RGB 218 218 246	#DADAF6

#EDDCFE #E9DBFC #E6DBFB #E2DBFA #DFDAF8 #DCDAF7 #DADAF6

#EDDCFE - #E2DBFA - #DADAF6

CSS codes

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

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