#C49FD9 - #372D3E | 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 #C49FD9 to #372D3E

#C49FD9 #372D3E

Calculate the color between two colors, #C49FD9 and #372D3E. 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)

#C49FD9 - #372D3E | 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 #C49FD9 as 0% and #372D3E as 100%.

0.0%	0.0% #C49FD9	RGB 196 159 217	#C49FD9
16.7%	16.7% #AC8CBF	RGB 172 140 191	#AC8CBF
33.3%	33.3% #9579A5	RGB 149 121 165	#9579A5
50.0%	50.0% #7D668B	RGB 125 102 139	#7D668B
66.7%	66.7% #665371	RGB 102 83 113	#665371
83.3%	83.3% #4E4057	RGB 78 64 87	#4E4057
100.0%	100.0% #372D3E	RGB 55 45 62	#372D3E

#C49FD9 #AC8CBF #9579A5 #7D668B #665371 #4E4057 #372D3E

#C49FD9 - #372D3E

HSV Blend

#C49FD9 - #372D3E | 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 #C49FD9 as 0% and #372D3E as 100%.

0.0%	0.0% #C49FD9	RGB 196 159 217	#C49FD9
16.7%	16.7% #AC8BBF	RGB 172 139 191	#AC8BBF
33.3%	33.3% #9478A5	RGB 148 120 165	#9478A5
50.0%	50.0% #7C658B	RGB 124 101 139	#7C658B
66.7%	66.7% #655271	RGB 101 82 113	#655271
83.3%	83.3% #4E3F57	RGB 78 63 87	#4E3F57
100.0%	100.0% #372D3E	RGB 55 45 62	#372D3E

#C49FD9 #AC8BBF #9478A5 #7C658B #655271 #4E3F57 #372D3E

#C49FD9 - #7C658B - #372D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C49FD9 0%, #7C658B 50%, #372D3E 100%);
    background: -webkit-linear-gradient(top, #C49FD9 0%, #7C658B 50%, #372D3E 100%);
    background: linear-gradient(to bottom, #C49FD9 0%, #7C658B 50%, #372D3E 100%);
}
</style>