#D5D0DB - #8B7B9A | 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 #D5D0DB to #8B7B9A

#D5D0DB #8B7B9A

Calculate the color between two colors, #D5D0DB and #8B7B9A. 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)

#D5D0DB - #8B7B9A | 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 #D5D0DB as 0% and #8B7B9A as 100%.

0.0%	0.0% #D5D0DB	RGB 213 208 219	#D5D0DB
16.7%	16.7% #C8C1D0	RGB 200 193 208	#C8C1D0
33.3%	33.3% #BCB3C5	RGB 188 179 197	#BCB3C5
50.0%	50.0% #B0A5BA	RGB 176 165 186	#B0A5BA
66.7%	66.7% #A397AF	RGB 163 151 175	#A397AF
83.3%	83.3% #9789A4	RGB 151 137 164	#9789A4
100.0%	100.0% #8B7B9A	RGB 139 123 154	#8B7B9A

#D5D0DB #C8C1D0 #BCB3C5 #B0A5BA #A397AF #9789A4 #8B7B9A

#D5D0DB - #8B7B9A

HSV Blend

#D5D0DB - #8B7B9A | 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 #D5D0DB as 0% and #8B7B9A as 100%.

0.0%	0.0% #D5D0DB	RGB 213 208 219	#D5D0DB
16.7%	16.7% #C7C0D0	RGB 199 192 208	#C7C0D0
33.3%	33.3% #BAB1C5	RGB 186 177 197	#BAB1C5
50.0%	50.0% #AEA3BA	RGB 174 163 186	#AEA3BA
66.7%	66.7% #A295AF	RGB 162 149 175	#A295AF
83.3%	83.3% #9687A4	RGB 150 135 164	#9687A4
100.0%	100.0% #8B7B9A	RGB 139 123 154	#8B7B9A

#D5D0DB #C7C0D0 #BAB1C5 #AEA3BA #A295AF #9687A4 #8B7B9A

#D5D0DB - #AEA3BA - #8B7B9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5D0DB 0%, #AEA3BA 50%, #8B7B9A 100%);
    background: -webkit-linear-gradient(top, #D5D0DB 0%, #AEA3BA 50%, #8B7B9A 100%);
    background: linear-gradient(to bottom, #D5D0DB 0%, #AEA3BA 50%, #8B7B9A 100%);
}
</style>