#A047B5 - #2D1433 | 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 #A047B5 to #2D1433

#A047B5 #2D1433

Calculate the color between two colors, #A047B5 and #2D1433. 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)

#A047B5 - #2D1433 | 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 #A047B5 as 0% and #2D1433 as 100%.

0.0%	0.0% #A047B5	RGB 160 71 181	#A047B5
16.7%	16.7% #8C3E9F	RGB 140 62 159	#8C3E9F
33.3%	33.3% #793689	RGB 121 54 137	#793689
50.0%	50.0% #662D74	RGB 102 45 116	#662D74
66.7%	66.7% #53255E	RGB 83 37 94	#53255E
83.3%	83.3% #401C48	RGB 64 28 72	#401C48
100.0%	100.0% #2D1433	RGB 45 20 51	#2D1433

#A047B5 #8C3E9F #793689 #662D74 #53255E #401C48 #2D1433

#A047B5 - #2D1433

HSV Blend

#A047B5 - #2D1433 | 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 #A047B5 as 0% and #2D1433 as 100%.

0.0%	0.0% #A047B5	RGB 160 71 181	#A047B5
16.7%	16.7% #8C3E9F	RGB 140 62 159	#8C3E9F
33.3%	33.3% #793589	RGB 121 53 137	#793589
50.0%	50.0% #662D74	RGB 102 45 116	#662D74
66.7%	66.7% #53245E	RGB 83 36 94	#53245E
83.3%	83.3% #401C48	RGB 64 28 72	#401C48
100.0%	100.0% #2D1433	RGB 45 20 51	#2D1433

#A047B5 #8C3E9F #793589 #662D74 #53245E #401C48 #2D1433

#A047B5 - #662D74 - #2D1433

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A047B5 0%, #662D74 50%, #2D1433 100%);
    background: -webkit-linear-gradient(top, #A047B5 0%, #662D74 50%, #2D1433 100%);
    background: linear-gradient(to bottom, #A047B5 0%, #662D74 50%, #2D1433 100%);
}
</style>