#D2E5E1 - #E5EEFF | 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 #D2E5E1 to #E5EEFF

#D2E5E1 #E5EEFF

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

#D2E5E1 - #E5EEFF | 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 #D2E5E1 as 0% and #E5EEFF as 100%.

0.0%	0.0% #D2E5E1	RGB 210 229 225	#D2E5E1
16.7%	16.7% #D5E6E6	RGB 213 230 230	#D5E6E6
33.3%	33.3% #D8E8EB	RGB 216 232 235	#D8E8EB
50.0%	50.0% #DBE9F0	RGB 219 233 240	#DBE9F0
66.7%	66.7% #DEEBF5	RGB 222 235 245	#DEEBF5
83.3%	83.3% #E1ECFA	RGB 225 236 250	#E1ECFA
100.0%	100.0% #E5EEFF	RGB 229 238 255	#E5EEFF

#D2E5E1 #D5E6E6 #D8E8EB #DBE9F0 #DEEBF5 #E1ECFA #E5EEFF

#D2E5E1 - #E5EEFF

HSV Blend

#D2E5E1 - #E5EEFF | 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 #D2E5E1 as 0% and #E5EEFF as 100%.

0.0%	0.0% #D2E5E1	RGB 210 229 225	#D2E5E1
16.7%	16.7% #D5E9E7	RGB 213 233 231	#D5E9E7
33.3%	33.3% #D8ECED	RGB 216 236 237	#D8ECED
50.0%	50.0% #DBEDF2	RGB 219 237 242	#DBEDF2
66.7%	66.7% #DEEDF6	RGB 222 237 246	#DEEDF6
83.3%	83.3% #E1EEFA	RGB 225 238 250	#E1EEFA
100.0%	100.0% #E5EEFF	RGB 229 238 255	#E5EEFF

#D2E5E1 #D5E9E7 #D8ECED #DBEDF2 #DEEDF6 #E1EEFA #E5EEFF

#D2E5E1 - #DBEDF2 - #E5EEFF

CSS codes

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

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