#D292ED - #8C2DBA | 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 #D292ED to #8C2DBA

#D292ED #8C2DBA

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

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

0.0%	0.0% #D292ED	RGB 210 146 237	#D292ED
16.7%	16.7% #C681E4	RGB 198 129 228	#C681E4
33.3%	33.3% #BA70DC	RGB 186 112 220	#BA70DC
50.0%	50.0% #AF5FD3	RGB 175 95 211	#AF5FD3
66.7%	66.7% #A34ECB	RGB 163 78 203	#A34ECB
83.3%	83.3% #973DC2	RGB 151 61 194	#973DC2
100.0%	100.0% #8C2DBA	RGB 140 45 186	#8C2DBA

#D292ED #C681E4 #BA70DC #AF5FD3 #A34ECB #973DC2 #8C2DBA

#D292ED - #8C2DBA

HSV Blend

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

0.0%	0.0% #D292ED	RGB 210 146 237	#D292ED
16.7%	16.7% #C57EE4	RGB 197 126 228	#C57EE4
33.3%	33.3% #B96CDC	RGB 185 108 220	#B96CDC
50.0%	50.0% #AD5AD3	RGB 173 90 211	#AD5AD3
66.7%	66.7% #A24ACB	RGB 162 74 203	#A24ACB
83.3%	83.3% #973BC2	RGB 151 59 194	#973BC2
100.0%	100.0% #8C2DBA	RGB 140 45 186	#8C2DBA

#D292ED #C57EE4 #B96CDC #AD5AD3 #A24ACB #973BC2 #8C2DBA

#D292ED - #AD5AD3 - #8C2DBA

CSS codes

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

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