#491D3C - #CBBEC7 | 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 #491D3C to #CBBEC7

#491D3C #CBBEC7

Calculate the color between two colors, #491D3C and #CBBEC7. 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)

#491D3C - #CBBEC7 | 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 #491D3C as 0% and #CBBEC7 as 100%.

0.0%	0.0% #491D3C	RGB 73 29 60	#491D3C
16.7%	16.7% #5E3753	RGB 94 55 83	#5E3753
33.3%	33.3% #74526A	RGB 116 82 106	#74526A
50.0%	50.0% #8A6D81	RGB 138 109 129	#8A6D81
66.7%	66.7% #9F8898	RGB 159 136 152	#9F8898
83.3%	83.3% #B5A3AF	RGB 181 163 175	#B5A3AF
100.0%	100.0% #CBBEC7	RGB 203 190 199	#CBBEC7

#491D3C #5E3753 #74526A #8A6D81 #9F8898 #B5A3AF #CBBEC7

#491D3C - #CBBEC7

HSV Blend

#491D3C - #CBBEC7 | 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 #491D3C as 0% and #CBBEC7 as 100%.

0.0%	0.0% #491D3C	RGB 73 29 60	#491D3C
16.7%	16.7% #5E2E50	RGB 94 46 80	#5E2E50
33.3%	33.3% #744365	RGB 116 67 101	#744365
50.0%	50.0% #8A5B7C	RGB 138 91 124	#8A5B7C
66.7%	66.7% #9F7893	RGB 159 120 147	#9F7893
83.3%	83.3% #B599AC	RGB 181 153 172	#B599AC
100.0%	100.0% #CBBEC7	RGB 203 190 199	#CBBEC7

#491D3C #5E2E50 #744365 #8A5B7C #9F7893 #B599AC #CBBEC7

#491D3C - #8A5B7C - #CBBEC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #491D3C 0%, #8A5B7C 50%, #CBBEC7 100%);
    background: -webkit-linear-gradient(top, #491D3C 0%, #8A5B7C 50%, #CBBEC7 100%);
    background: linear-gradient(to bottom, #491D3C 0%, #8A5B7C 50%, #CBBEC7 100%);
}
</style>