#D58ECA - #A63B8C | 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 #D58ECA to #A63B8C

#D58ECA #A63B8C

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

#D58ECA - #A63B8C | 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 #D58ECA as 0% and #A63B8C as 100%.

0.0%	0.0% #D58ECA	RGB 213 142 202	#D58ECA
16.7%	16.7% #CD80BF	RGB 205 128 191	#CD80BF
33.3%	33.3% #C572B5	RGB 197 114 181	#C572B5
50.0%	50.0% #BD64AB	RGB 189 100 171	#BD64AB
66.7%	66.7% #B556A0	RGB 181 86 160	#B556A0
83.3%	83.3% #AD4896	RGB 173 72 150	#AD4896
100.0%	100.0% #A63B8C	RGB 166 59 140	#A63B8C

#D58ECA #CD80BF #C572B5 #BD64AB #B556A0 #AD4896 #A63B8C

#D58ECA - #A63B8C

HSV Blend

#D58ECA - #A63B8C | 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 #D58ECA as 0% and #A63B8C as 100%.

0.0%	0.0% #D58ECA	RGB 213 142 202	#D58ECA
16.7%	16.7% #CD7EBF	RGB 205 126 191	#CD7EBF
33.3%	33.3% #C56FB5	RGB 197 111 181	#C56FB5
50.0%	50.0% #BD60AB	RGB 189 96 171	#BD60AB
66.7%	66.7% #B553A0	RGB 181 83 160	#B553A0
83.3%	83.3% #AD4696	RGB 173 70 150	#AD4696
100.0%	100.0% #A63B8C	RGB 166 59 140	#A63B8C

#D58ECA #CD7EBF #C56FB5 #BD60AB #B553A0 #AD4696 #A63B8C

#D58ECA - #BD60AB - #A63B8C

CSS codes

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

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