#D7D5E6 - #937BA9 | 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 #D7D5E6 to #937BA9

#D7D5E6 #937BA9

Calculate the color between two colors, #D7D5E6 and #937BA9. 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)

#D7D5E6 - #937BA9 | 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 #D7D5E6 as 0% and #937BA9 as 100%.

0.0%	0.0% #D7D5E6	RGB 215 213 230	#D7D5E6
16.7%	16.7% #CBC6DB	RGB 203 198 219	#CBC6DB
33.3%	33.3% #C0B7D1	RGB 192 183 209	#C0B7D1
50.0%	50.0% #B5A8C7	RGB 181 168 199	#B5A8C7
66.7%	66.7% #A999BD	RGB 169 153 189	#A999BD
83.3%	83.3% #9E8AB3	RGB 158 138 179	#9E8AB3
100.0%	100.0% #937BA9	RGB 147 123 169	#937BA9

#D7D5E6 #CBC6DB #C0B7D1 #B5A8C7 #A999BD #9E8AB3 #937BA9

#D7D5E6 - #937BA9

HSV Blend

#D7D5E6 - #937BA9 | 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 #D7D5E6 as 0% and #937BA9 as 100%.

0.0%	0.0% #D7D5E6	RGB 215 213 230	#D7D5E6
16.7%	16.7% #C8C4DB	RGB 200 196 219	#C8C4DB
33.3%	33.3% #BBB4D1	RGB 187 180 209	#BBB4D1
50.0%	50.0% #B0A4C7	RGB 176 164 199	#B0A4C7
66.7%	66.7% #A596BD	RGB 165 150 189	#A596BD
83.3%	83.3% #9B88B3	RGB 155 136 179	#9B88B3
100.0%	100.0% #937BA9	RGB 147 123 169	#937BA9

#D7D5E6 #C8C4DB #BBB4D1 #B0A4C7 #A596BD #9B88B3 #937BA9

#D7D5E6 - #B0A4C7 - #937BA9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D7D5E6 0%, #B0A4C7 50%, #937BA9 100%);
    background: -webkit-linear-gradient(top, #D7D5E6 0%, #B0A4C7 50%, #937BA9 100%);
    background: linear-gradient(to bottom, #D7D5E6 0%, #B0A4C7 50%, #937BA9 100%);
}
</style>