#DBDCDD - #899BB7 | 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 #DBDCDD to #899BB7

#DBDCDD #899BB7

Calculate the color between two colors, #DBDCDD and #899BB7. 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)

#DBDCDD - #899BB7 | 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 #DBDCDD as 0% and #899BB7 as 100%.

0.0%	0.0% #DBDCDD	RGB 219 220 221	#DBDCDD
16.7%	16.7% #CDD1D6	RGB 205 209 214	#CDD1D6
33.3%	33.3% #BFC6D0	RGB 191 198 208	#BFC6D0
50.0%	50.0% #B2BBCA	RGB 178 187 202	#B2BBCA
66.7%	66.7% #A4B0C3	RGB 164 176 195	#A4B0C3
83.3%	83.3% #96A5BD	RGB 150 165 189	#96A5BD
100.0%	100.0% #899BB7	RGB 137 155 183	#899BB7

#DBDCDD #CDD1D6 #BFC6D0 #B2BBCA #A4B0C3 #96A5BD #899BB7

#DBDCDD - #899BB7

HSV Blend

#DBDCDD - #899BB7 | 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 #DBDCDD as 0% and #899BB7 as 100%.

0.0%	0.0% #DBDCDD	RGB 219 220 221	#DBDCDD
16.7%	16.7% #CCD1D6	RGB 204 209 214	#CCD1D6
33.3%	33.3% #BDC6D0	RGB 189 198 208	#BDC6D0
50.0%	50.0% #AFBBCA	RGB 175 187 202	#AFBBCA
66.7%	66.7% #A2B0C3	RGB 162 176 195	#A2B0C3
83.3%	83.3% #95A5BD	RGB 149 165 189	#95A5BD
100.0%	100.0% #899BB7	RGB 137 155 183	#899BB7

#DBDCDD #CCD1D6 #BDC6D0 #AFBBCA #A2B0C3 #95A5BD #899BB7

#DBDCDD - #AFBBCA - #899BB7

CSS codes

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

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