#DBE7E9 - #89A8B2 | 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 #DBE7E9 to #89A8B2

#DBE7E9 #89A8B2

Calculate the color between two colors, #DBE7E9 and #89A8B2. 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)

#DBE7E9 - #89A8B2 | 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 #DBE7E9 as 0% and #89A8B2 as 100%.

0.0%	0.0% #DBE7E9	RGB 219 231 233	#DBE7E9
16.7%	16.7% #CDDCDF	RGB 205 220 223	#CDDCDF
33.3%	33.3% #BFD2D6	RGB 191 210 214	#BFD2D6
50.0%	50.0% #B2C7CD	RGB 178 199 205	#B2C7CD
66.7%	66.7% #A4BDC4	RGB 164 189 196	#A4BDC4
83.3%	83.3% #96B2BB	RGB 150 178 187	#96B2BB
100.0%	100.0% #89A8B2	RGB 137 168 178	#89A8B2

#DBE7E9 #CDDCDF #BFD2D6 #B2C7CD #A4BDC4 #96B2BB #89A8B2

#DBE7E9 - #89A8B2

HSV Blend

#DBE7E9 - #89A8B2 | 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 #DBE7E9 as 0% and #89A8B2 as 100%.

0.0%	0.0% #DBE7E9	RGB 219 231 233	#DBE7E9
16.7%	16.7% #CCDCDF	RGB 204 220 223	#CCDCDF
33.3%	33.3% #BDD2D6	RGB 189 210 214	#BDD2D6
50.0%	50.0% #AFC7CD	RGB 175 199 205	#AFC7CD
66.7%	66.7% #A2BDC4	RGB 162 189 196	#A2BDC4
83.3%	83.3% #95B2BB	RGB 149 178 187	#95B2BB
100.0%	100.0% #89A8B2	RGB 137 168 178	#89A8B2

#DBE7E9 #CCDCDF #BDD2D6 #AFC7CD #A2BDC4 #95B2BB #89A8B2

#DBE7E9 - #AFC7CD - #89A8B2

CSS codes

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

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