#C49FCB - #372D3A | 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 #C49FCB to #372D3A

#C49FCB #372D3A

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

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

0.0%	0.0% #C49FCB	RGB 196 159 203	#C49FCB
16.7%	16.7% #AC8CB2	RGB 172 140 178	#AC8CB2
33.3%	33.3% #95799A	RGB 149 121 154	#95799A
50.0%	50.0% #7D6682	RGB 125 102 130	#7D6682
66.7%	66.7% #66536A	RGB 102 83 106	#66536A
83.3%	83.3% #4E4052	RGB 78 64 82	#4E4052
100.0%	100.0% #372D3A	RGB 55 45 58	#372D3A

#C49FCB #AC8CB2 #95799A #7D6682 #66536A #4E4052 #372D3A

#C49FCB - #372D3A

HSV Blend

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

0.0%	0.0% #C49FCB	RGB 196 159 203	#C49FCB
16.7%	16.7% #AC8BB2	RGB 172 139 178	#AC8BB2
33.3%	33.3% #94789A	RGB 148 120 154	#94789A
50.0%	50.0% #7C6582	RGB 124 101 130	#7C6582
66.7%	66.7% #65526A	RGB 101 82 106	#65526A
83.3%	83.3% #4E3F52	RGB 78 63 82	#4E3F52
100.0%	100.0% #372D3A	RGB 55 45 58	#372D3A

#C49FCB #AC8BB2 #94789A #7C6582 #65526A #4E3F52 #372D3A

#C49FCB - #7C6582 - #372D3A

CSS codes

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

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