#D9DBDD - #8792A1 | 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 #D9DBDD to #8792A1

#D9DBDD #8792A1

Calculate the color between two colors, #D9DBDD and #8792A1. 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)

#D9DBDD - #8792A1 | 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 #D9DBDD as 0% and #8792A1 as 100%.

0.0%	0.0% #D9DBDD	RGB 217 219 221	#D9DBDD
16.7%	16.7% #CBCED3	RGB 203 206 211	#CBCED3
33.3%	33.3% #BDC2C9	RGB 189 194 201	#BDC2C9
50.0%	50.0% #B0B6BF	RGB 176 182 191	#B0B6BF
66.7%	66.7% #A2AAB5	RGB 162 170 181	#A2AAB5
83.3%	83.3% #949EAB	RGB 148 158 171	#949EAB
100.0%	100.0% #8792A1	RGB 135 146 161	#8792A1

#D9DBDD #CBCED3 #BDC2C9 #B0B6BF #A2AAB5 #949EAB #8792A1

#D9DBDD - #8792A1

HSV Blend

#D9DBDD - #8792A1 | 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 #D9DBDD as 0% and #8792A1 as 100%.

0.0%	0.0% #D9DBDD	RGB 217 219 221	#D9DBDD
16.7%	16.7% #CACED3	RGB 202 206 211	#CACED3
33.3%	33.3% #BBC2C9	RGB 187 194 201	#BBC2C9
50.0%	50.0% #ADB5BF	RGB 173 181 191	#ADB5BF
66.7%	66.7% #A0A9B5	RGB 160 169 181	#A0A9B5
83.3%	83.3% #939DAB	RGB 147 157 171	#939DAB
100.0%	100.0% #8792A1	RGB 135 146 161	#8792A1

#D9DBDD #CACED3 #BBC2C9 #ADB5BF #A0A9B5 #939DAB #8792A1

#D9DBDD - #ADB5BF - #8792A1

CSS codes

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

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