#472B5E - #C474B1 | 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 #472B5E to #C474B1

#472B5E #C474B1

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

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

0.0%	0.0% #472B5E	RGB 71 43 94	#472B5E
16.7%	16.7% #5B376B	RGB 91 55 107	#5B376B
33.3%	33.3% #704379	RGB 112 67 121	#704379
50.0%	50.0% #854F87	RGB 133 79 135	#854F87
66.7%	66.7% #9A5B95	RGB 154 91 149	#9A5B95
83.3%	83.3% #AF67A3	RGB 175 103 163	#AF67A3
100.0%	100.0% #C474B1	RGB 196 116 177	#C474B1

#472B5E #5B376B #704379 #854F87 #9A5B95 #AF67A3 #C474B1

#472B5E - #C474B1

HSV Blend

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

0.0%	0.0% #472B5E	RGB 71 43 94	#472B5E
16.7%	16.7% #5B356F	RGB 91 53 111	#5B356F
33.3%	33.3% #714080	RGB 113 64 128	#714080
50.0%	50.0% #894C91	RGB 137 76 145	#894C91
66.7%	66.7% #A258A1	RGB 162 88 161	#A258A1
83.3%	83.3% #B365A9	RGB 179 101 169	#B365A9
100.0%	100.0% #C474B1	RGB 196 116 177	#C474B1

#472B5E #5B356F #714080 #894C91 #A258A1 #B365A9 #C474B1

#472B5E - #894C91 - #C474B1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #472B5E 0%, #894C91 50%, #C474B1 100%);
    background: -webkit-linear-gradient(top, #472B5E 0%, #894C91 50%, #C474B1 100%);
    background: linear-gradient(to bottom, #472B5E 0%, #894C91 50%, #C474B1 100%);
}
</style>