#DBE2E5 - #8C99AD | 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 #DBE2E5 to #8C99AD

#DBE2E5 #8C99AD

Calculate the color between two colors, #DBE2E5 and #8C99AD. 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)

#DBE2E5 - #8C99AD | 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 #DBE2E5 as 0% and #8C99AD as 100%.

0.0%	0.0% #DBE2E5	RGB 219 226 229	#DBE2E5
16.7%	16.7% #CDD5DB	RGB 205 213 219	#CDD5DB
33.3%	33.3% #C0C9D2	RGB 192 201 210	#C0C9D2
50.0%	50.0% #B3BDC9	RGB 179 189 201	#B3BDC9
66.7%	66.7% #A6B1BF	RGB 166 177 191	#A6B1BF
83.3%	83.3% #99A5B6	RGB 153 165 182	#99A5B6
100.0%	100.0% #8C99AD	RGB 140 153 173	#8C99AD

#DBE2E5 #CDD5DB #C0C9D2 #B3BDC9 #A6B1BF #99A5B6 #8C99AD

#DBE2E5 - #8C99AD

HSV Blend

#DBE2E5 - #8C99AD | 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 #DBE2E5 as 0% and #8C99AD as 100%.

0.0%	0.0% #DBE2E5	RGB 219 226 229	#DBE2E5
16.7%	16.7% #CCD6DB	RGB 204 214 219	#CCD6DB
33.3%	33.3% #BECAD2	RGB 190 202 210	#BECAD2
50.0%	50.0% #B1BEC9	RGB 177 190 201	#B1BEC9
66.7%	66.7% #A4B1BF	RGB 164 177 191	#A4B1BF
83.3%	83.3% #98A5B6	RGB 152 165 182	#98A5B6
100.0%	100.0% #8C99AD	RGB 140 153 173	#8C99AD

#DBE2E5 #CCD6DB #BECAD2 #B1BEC9 #A4B1BF #98A5B6 #8C99AD

#DBE2E5 - #B1BEC9 - #8C99AD

CSS codes

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

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