#D6D8EB - #E3E5EC | 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 #D6D8EB to #E3E5EC

#D6D8EB #E3E5EC

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

#D6D8EB - #E3E5EC | 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 #D6D8EB as 0% and #E3E5EC as 100%.

0.0%	0.0% #D6D8EB	RGB 214 216 235	#D6D8EB
16.7%	16.7% #D8DAEB	RGB 216 218 235	#D8DAEB
33.3%	33.3% #DADCEB	RGB 218 220 235	#DADCEB
50.0%	50.0% #DCDEEB	RGB 220 222 235	#DCDEEB
66.7%	66.7% #DEE0EB	RGB 222 224 235	#DEE0EB
83.3%	83.3% #E0E2EB	RGB 224 226 235	#E0E2EB
100.0%	100.0% #E3E5EC	RGB 227 229 236	#E3E5EC

#D6D8EB #D8DAEB #DADCEB #DCDEEB #DEE0EB #E0E2EB #E3E5EC

#D6D8EB - #E3E5EC

HSV Blend

#D6D8EB - #E3E5EC | 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 #D6D8EB as 0% and #E3E5EC as 100%.

0.0%	0.0% #D6D8EB	RGB 214 216 235	#D6D8EB
16.7%	16.7% #D8DAEB	RGB 216 218 235	#D8DAEB
33.3%	33.3% #DADCEB	RGB 218 220 235	#DADCEB
50.0%	50.0% #DCDEEB	RGB 220 222 235	#DCDEEB
66.7%	66.7% #DEE0EB	RGB 222 224 235	#DEE0EB
83.3%	83.3% #E0E3EB	RGB 224 227 235	#E0E3EB
100.0%	100.0% #E3E5EC	RGB 227 229 236	#E3E5EC

#D6D8EB #D8DAEB #DADCEB #DCDEEB #DEE0EB #E0E3EB #E3E5EC

#D6D8EB - #DCDEEB - #E3E5EC

CSS codes

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

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