#D2DBD6 - #869B9F | 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 #D2DBD6 to #869B9F

#D2DBD6 #869B9F

Calculate the color between two colors, #D2DBD6 and #869B9F. 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)

#D2DBD6 - #869B9F | 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 #D2DBD6 as 0% and #869B9F as 100%.

0.0%	0.0% #D2DBD6	RGB 210 219 214	#D2DBD6
16.7%	16.7% #C5D0CC	RGB 197 208 204	#C5D0CC
33.3%	33.3% #B8C5C3	RGB 184 197 195	#B8C5C3
50.0%	50.0% #ACBBBA	RGB 172 187 186	#ACBBBA
66.7%	66.7% #9FB0B1	RGB 159 176 177	#9FB0B1
83.3%	83.3% #92A5A8	RGB 146 165 168	#92A5A8
100.0%	100.0% #869B9F	RGB 134 155 159	#869B9F

#D2DBD6 #C5D0CC #B8C5C3 #ACBBBA #9FB0B1 #92A5A8 #869B9F

#D2DBD6 - #869B9F

HSV Blend

#D2DBD6 - #869B9F | 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 #D2DBD6 as 0% and #869B9F as 100%.

0.0%	0.0% #D2DBD6	RGB 210 219 214	#D2DBD6
16.7%	16.7% #C4D1CB	RGB 196 209 203	#C4D1CB
33.3%	33.3% #B7C7C1	RGB 183 199 193	#B7C7C1
50.0%	50.0% #AABDB9	RGB 170 189 185	#AABDB9
66.7%	66.7% #9DB3B1	RGB 157 179 177	#9DB3B1
83.3%	83.3% #91A8A9	RGB 145 168 169	#91A8A9
100.0%	100.0% #869B9F	RGB 134 155 159	#869B9F

#D2DBD6 #C4D1CB #B7C7C1 #AABDB9 #9DB3B1 #91A8A9 #869B9F

#D2DBD6 - #AABDB9 - #869B9F

CSS codes

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

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