#D2B7DC - #9748AF | 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 #D2B7DC to #9748AF

#D2B7DC #9748AF

Calculate the color between two colors, #D2B7DC and #9748AF. 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)

#D2B7DC - #9748AF | 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 #D2B7DC as 0% and #9748AF as 100%.

0.0%	0.0% #D2B7DC	RGB 210 183 220	#D2B7DC
16.7%	16.7% #C8A4D4	RGB 200 164 212	#C8A4D4
33.3%	33.3% #BE92CD	RGB 190 146 205	#BE92CD
50.0%	50.0% #B47FC5	RGB 180 127 197	#B47FC5
66.7%	66.7% #AA6DBE	RGB 170 109 190	#AA6DBE
83.3%	83.3% #A05AB6	RGB 160 90 182	#A05AB6
100.0%	100.0% #9748AF	RGB 151 72 175	#9748AF

#D2B7DC #C8A4D4 #BE92CD #B47FC5 #AA6DBE #A05AB6 #9748AF

#D2B7DC - #9748AF

HSV Blend

#D2B7DC - #9748AF | 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 #D2B7DC as 0% and #9748AF as 100%.

0.0%	0.0% #D2B7DC	RGB 210 183 220	#D2B7DC
16.7%	16.7% #C7A1D4	RGB 199 161 212	#C7A1D4
33.3%	33.3% #BC8DCD	RGB 188 141 205	#BC8DCD
50.0%	50.0% #B27AC5	RGB 178 122 197	#B27AC5
66.7%	66.7% #A968BE	RGB 169 104 190	#A968BE
83.3%	83.3% #9F57B6	RGB 159 87 182	#9F57B6
100.0%	100.0% #9748AF	RGB 151 72 175	#9748AF

#D2B7DC #C7A1D4 #BC8DCD #B27AC5 #A968BE #9F57B6 #9748AF

#D2B7DC - #B27AC5 - #9748AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D2B7DC 0%, #B27AC5 50%, #9748AF 100%);
    background: -webkit-linear-gradient(top, #D2B7DC 0%, #B27AC5 50%, #9748AF 100%);
    background: linear-gradient(to bottom, #D2B7DC 0%, #B27AC5 50%, #9748AF 100%);
}
</style>