#472F5E - #A954C0 | 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 #472F5E to #A954C0

#472F5E #A954C0

Calculate the color between two colors, #472F5E and #A954C0. 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)

#472F5E - #A954C0 | 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 #472F5E as 0% and #A954C0 as 100%.

0.0%	0.0% #472F5E	RGB 71 47 94	#472F5E
16.7%	16.7% #57356E	RGB 87 53 110	#57356E
33.3%	33.3% #673B7E	RGB 103 59 126	#673B7E
50.0%	50.0% #78418F	RGB 120 65 143	#78418F
66.7%	66.7% #88479F	RGB 136 71 159	#88479F
83.3%	83.3% #984DAF	RGB 152 77 175	#984DAF
100.0%	100.0% #A954C0	RGB 169 84 192	#A954C0

#472F5E #57356E #673B7E #78418F #88479F #984DAF #A954C0

#472F5E - #A954C0

HSV Blend

#472F5E - #A954C0 | 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 #472F5E as 0% and #A954C0 as 100%.

0.0%	0.0% #472F5E	RGB 71 47 94	#472F5E
16.7%	16.7% #55366E	RGB 85 54 110	#55366E
33.3%	33.3% #643C7E	RGB 100 60 126	#643C7E
50.0%	50.0% #74438F	RGB 116 67 143	#74438F
66.7%	66.7% #85499F	RGB 133 73 159	#85499F
83.3%	83.3% #964EAF	RGB 150 78 175	#964EAF
100.0%	100.0% #A954C0	RGB 169 84 192	#A954C0

#472F5E #55366E #643C7E #74438F #85499F #964EAF #A954C0

#472F5E - #74438F - #A954C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #472F5E 0%, #74438F 50%, #A954C0 100%);
    background: -webkit-linear-gradient(top, #472F5E 0%, #74438F 50%, #A954C0 100%);
    background: linear-gradient(to bottom, #472F5E 0%, #74438F 50%, #A954C0 100%);
}
</style>