#D5A8DA - #A153B6 | 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 #D5A8DA to #A153B6

#D5A8DA #A153B6

Calculate the color between two colors, #D5A8DA and #A153B6. 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)

#D5A8DA - #A153B6 | 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 #D5A8DA as 0% and #A153B6 as 100%.

0.0%	0.0% #D5A8DA	RGB 213 168 218	#D5A8DA
16.7%	16.7% #CC99D4	RGB 204 153 212	#CC99D4
33.3%	33.3% #C38BCE	RGB 195 139 206	#C38BCE
50.0%	50.0% #BB7DC8	RGB 187 125 200	#BB7DC8
66.7%	66.7% #B26FC2	RGB 178 111 194	#B26FC2
83.3%	83.3% #A961BC	RGB 169 97 188	#A961BC
100.0%	100.0% #A153B6	RGB 161 83 182	#A153B6

#D5A8DA #CC99D4 #C38BCE #BB7DC8 #B26FC2 #A961BC #A153B6

#D5A8DA - #A153B6

HSV Blend

#D5A8DA - #A153B6 | 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 #D5A8DA as 0% and #A153B6 as 100%.

0.0%	0.0% #D5A8DA	RGB 213 168 218	#D5A8DA
16.7%	16.7% #CC98D4	RGB 204 152 212	#CC98D4
33.3%	33.3% #C489CE	RGB 196 137 206	#C489CE
50.0%	50.0% #BB7AC8	RGB 187 122 200	#BB7AC8
66.7%	66.7% #B36CC2	RGB 179 108 194	#B36CC2
83.3%	83.3% #AA5FBC	RGB 170 95 188	#AA5FBC
100.0%	100.0% #A153B6	RGB 161 83 182	#A153B6

#D5A8DA #CC98D4 #C489CE #BB7AC8 #B36CC2 #AA5FBC #A153B6

#D5A8DA - #BB7AC8 - #A153B6

CSS codes

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

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