#D2D1DB - #837C9A | 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 #D2D1DB to #837C9A

#D2D1DB #837C9A

Calculate the color between two colors, #D2D1DB and #837C9A. 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)

#D2D1DB - #837C9A | 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 #D2D1DB as 0% and #837C9A as 100%.

0.0%	0.0% #D2D1DB	RGB 210 209 219	#D2D1DB
16.7%	16.7% #C4C2D0	RGB 196 194 208	#C4C2D0
33.3%	33.3% #B7B4C5	RGB 183 180 197	#B7B4C5
50.0%	50.0% #AAA6BA	RGB 170 166 186	#AAA6BA
66.7%	66.7% #9D98AF	RGB 157 152 175	#9D98AF
83.3%	83.3% #908AA4	RGB 144 138 164	#908AA4
100.0%	100.0% #837C9A	RGB 131 124 154	#837C9A

#D2D1DB #C4C2D0 #B7B4C5 #AAA6BA #9D98AF #908AA4 #837C9A

#D2D1DB - #837C9A

HSV Blend

#D2D1DB - #837C9A | 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 #D2D1DB as 0% and #837C9A as 100%.

0.0%	0.0% #D2D1DB	RGB 210 209 219	#D2D1DB
16.7%	16.7% #C3C1D0	RGB 195 193 208	#C3C1D0
33.3%	33.3% #B5B2C5	RGB 181 178 197	#B5B2C5
50.0%	50.0% #A7A4BA	RGB 167 164 186	#A7A4BA
66.7%	66.7% #9A96AF	RGB 154 150 175	#9A96AF
83.3%	83.3% #8E88A4	RGB 142 136 164	#8E88A4
100.0%	100.0% #837C9A	RGB 131 124 154	#837C9A

#D2D1DB #C3C1D0 #B5B2C5 #A7A4BA #9A96AF #8E88A4 #837C9A

#D2D1DB - #A7A4BA - #837C9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D2D1DB 0%, #A7A4BA 50%, #837C9A 100%);
    background: -webkit-linear-gradient(top, #D2D1DB 0%, #A7A4BA 50%, #837C9A 100%);
    background: linear-gradient(to bottom, #D2D1DB 0%, #A7A4BA 50%, #837C9A 100%);
}
</style>