#472C5E - #C07078 | 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 #472C5E to #C07078

#472C5E #C07078

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

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

0.0%	0.0% #472C5E	RGB 71 44 94	#472C5E
16.7%	16.7% #5B3762	RGB 91 55 98	#5B3762
33.3%	33.3% #6F4266	RGB 111 66 102	#6F4266
50.0%	50.0% #834E6B	RGB 131 78 107	#834E6B
66.7%	66.7% #97596F	RGB 151 89 111	#97596F
83.3%	83.3% #AB6473	RGB 171 100 115	#AB6473
100.0%	100.0% #C07078	RGB 192 112 120	#C07078

#472C5E #5B3762 #6F4266 #834E6B #97596F #AB6473 #C07078

#472C5E - #C07078

HSV Blend

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

0.0%	0.0% #472C5E	RGB 71 44 94	#472C5E
16.7%	16.7% #61356E	RGB 97 53 110	#61356E
33.3%	33.3% #7E407E	RGB 126 64 126	#7E407E
50.0%	50.0% #8F4B80	RGB 143 75 128	#8F4B80
66.7%	66.7% #9F567E	RGB 159 86 126	#9F567E
83.3%	83.3% #AF637C	RGB 175 99 124	#AF637C
100.0%	100.0% #C07078	RGB 192 112 120	#C07078

#472C5E #61356E #7E407E #8F4B80 #9F567E #AF637C #C07078

#472C5E - #8F4B80 - #C07078

CSS codes

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

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