#E6E6FA - #DCECF5 | 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 #E6E6FA to #DCECF5

#E6E6FA #DCECF5

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

#E6E6FA - #DCECF5 | 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 #E6E6FA as 0% and #DCECF5 as 100%.

0.0%	0.0% #E6E6FA	RGB 230 230 250	#E6E6FA
16.7%	16.7% #E4E7F9	RGB 228 231 249	#E4E7F9
33.3%	33.3% #E2E8F8	RGB 226 232 248	#E2E8F8
50.0%	50.0% #E1E9F7	RGB 225 233 247	#E1E9F7
66.7%	66.7% #DFEAF6	RGB 223 234 246	#DFEAF6
83.3%	83.3% #DDEBF5	RGB 221 235 245	#DDEBF5
100.0%	100.0% #DCECF5	RGB 220 236 245	#DCECF5

#E6E6FA #E4E7F9 #E2E8F8 #E1E9F7 #DFEAF6 #DDEBF5 #DCECF5

#E6E6FA - #DCECF5

HSV Blend

#E6E6FA - #DCECF5 | 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 #E6E6FA as 0% and #DCECF5 as 100%.

0.0%	0.0% #E6E6FA	RGB 230 230 250	#E6E6FA
16.7%	16.7% #E4E6F9	RGB 228 230 249	#E4E6F9
33.3%	33.3% #E2E7F8	RGB 226 231 248	#E2E7F8
50.0%	50.0% #E0E8F7	RGB 224 232 247	#E0E8F7
66.7%	66.7% #DFE9F6	RGB 223 233 246	#DFE9F6
83.3%	83.3% #DDEAF5	RGB 221 234 245	#DDEAF5
100.0%	100.0% #DCECF5	RGB 220 236 245	#DCECF5

#E6E6FA #E4E6F9 #E2E7F8 #E0E8F7 #DFE9F6 #DDEAF5 #DCECF5

#E6E6FA - #E0E8F7 - #DCECF5

CSS codes

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

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