#D4D3DB - #917B9A | 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 #D4D3DB to #917B9A

#D4D3DB #917B9A

Calculate the color between two colors, #D4D3DB and #917B9A. 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)

#D4D3DB - #917B9A | 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 #D4D3DB as 0% and #917B9A as 100%.

0.0%	0.0% #D4D3DB	RGB 212 211 219	#D4D3DB
16.7%	16.7% #C8C4D0	RGB 200 196 208	#C8C4D0
33.3%	33.3% #BDB5C5	RGB 189 181 197	#BDB5C5
50.0%	50.0% #B2A7BA	RGB 178 167 186	#B2A7BA
66.7%	66.7% #A798AF	RGB 167 152 175	#A798AF
83.3%	83.3% #9C89A4	RGB 156 137 164	#9C89A4
100.0%	100.0% #917B9A	RGB 145 123 154	#917B9A

#D4D3DB #C8C4D0 #BDB5C5 #B2A7BA #A798AF #9C89A4 #917B9A

#D4D3DB - #917B9A

HSV Blend

#D4D3DB - #917B9A | 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 #D4D3DB as 0% and #917B9A as 100%.

0.0%	0.0% #D4D3DB	RGB 212 211 219	#D4D3DB
16.7%	16.7% #C5C2D0	RGB 197 194 208	#C5C2D0
33.3%	33.3% #B9B3C5	RGB 185 179 197	#B9B3C5
50.0%	50.0% #ADA4BA	RGB 173 164 186	#ADA4BA
66.7%	66.7% #A395AF	RGB 163 149 175	#A395AF
83.3%	83.3% #9988A4	RGB 153 136 164	#9988A4
100.0%	100.0% #917B9A	RGB 145 123 154	#917B9A

#D4D3DB #C5C2D0 #B9B3C5 #ADA4BA #A395AF #9988A4 #917B9A

#D4D3DB - #ADA4BA - #917B9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4D3DB 0%, #ADA4BA 50%, #917B9A 100%);
    background: -webkit-linear-gradient(top, #D4D3DB 0%, #ADA4BA 50%, #917B9A 100%);
    background: linear-gradient(to bottom, #D4D3DB 0%, #ADA4BA 50%, #917B9A 100%);
}
</style>