#D0A8DA - #A552C0 | 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 #D0A8DA to #A552C0

#D0A8DA #A552C0

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

#D0A8DA - #A552C0 | 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 #D0A8DA as 0% and #A552C0 as 100%.

0.0%	0.0% #D0A8DA	RGB 208 168 218	#D0A8DA
16.7%	16.7% #C899D5	RGB 200 153 213	#C899D5
33.3%	33.3% #C18BD1	RGB 193 139 209	#C18BD1
50.0%	50.0% #BA7DCD	RGB 186 125 205	#BA7DCD
66.7%	66.7% #B36EC8	RGB 179 110 200	#B36EC8
83.3%	83.3% #AC60C4	RGB 172 96 196	#AC60C4
100.0%	100.0% #A552C0	RGB 165 82 192	#A552C0

#D0A8DA #C899D5 #C18BD1 #BA7DCD #B36EC8 #AC60C4 #A552C0

#D0A8DA - #A552C0

HSV Blend

#D0A8DA - #A552C0 | 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 #D0A8DA as 0% and #A552C0 as 100%.

0.0%	0.0% #D0A8DA	RGB 208 168 218	#D0A8DA
16.7%	16.7% #C898D5	RGB 200 152 213	#C898D5
33.3%	33.3% #C189D1	RGB 193 137 209	#C189D1
50.0%	50.0% #BA7ACD	RGB 186 122 205	#BA7ACD
66.7%	66.7% #B36CC8	RGB 179 108 200	#B36CC8
83.3%	83.3% #AC5FC4	RGB 172 95 196	#AC5FC4
100.0%	100.0% #A552C0	RGB 165 82 192	#A552C0

#D0A8DA #C898D5 #C189D1 #BA7ACD #B36CC8 #AC5FC4 #A552C0

#D0A8DA - #BA7ACD - #A552C0

CSS codes

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

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