#D5A2DF - #8D3B9E | 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 #D5A2DF to #8D3B9E

#D5A2DF #8D3B9E

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

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

0.0%	0.0% #D5A2DF	RGB 213 162 223	#D5A2DF
16.7%	16.7% #C990D4	RGB 201 144 212	#C990D4
33.3%	33.3% #BD7FC9	RGB 189 127 201	#BD7FC9
50.0%	50.0% #B16EBE	RGB 177 110 190	#B16EBE
66.7%	66.7% #A55DB3	RGB 165 93 179	#A55DB3
83.3%	83.3% #994CA8	RGB 153 76 168	#994CA8
100.0%	100.0% #8D3B9E	RGB 141 59 158	#8D3B9E

#D5A2DF #C990D4 #BD7FC9 #B16EBE #A55DB3 #994CA8 #8D3B9E

#D5A2DF - #8D3B9E

HSV Blend

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

0.0%	0.0% #D5A2DF	RGB 213 162 223	#D5A2DF
16.7%	16.7% #C88DD4	RGB 200 141 212	#C88DD4
33.3%	33.3% #BC7AC9	RGB 188 122 201	#BC7AC9
50.0%	50.0% #B068BE	RGB 176 104 190	#B068BE
66.7%	66.7% #A458B3	RGB 164 88 179	#A458B3
83.3%	83.3% #9848A8	RGB 152 72 168	#9848A8
100.0%	100.0% #8D3B9E	RGB 141 59 158	#8D3B9E

#D5A2DF #C88DD4 #BC7AC9 #B068BE #A458B3 #9848A8 #8D3B9E

#D5A2DF - #B068BE - #8D3B9E

CSS codes

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

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