#491E2B - #CBBEC2 | 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 #491E2B to #CBBEC2

#491E2B #CBBEC2

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

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

0.0%	0.0% #491E2B	RGB 73 30 43	#491E2B
16.7%	16.7% #5E3844	RGB 94 56 68	#5E3844
33.3%	33.3% #74535D	RGB 116 83 93	#74535D
50.0%	50.0% #8A6E76	RGB 138 110 118	#8A6E76
66.7%	66.7% #9F888F	RGB 159 136 143	#9F888F
83.3%	83.3% #B5A3A8	RGB 181 163 168	#B5A3A8
100.0%	100.0% #CBBEC2	RGB 203 190 194	#CBBEC2

#491E2B #5E3844 #74535D #8A6E76 #9F888F #B5A3A8 #CBBEC2

#491E2B - #CBBEC2

HSV Blend

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

0.0%	0.0% #491E2B	RGB 73 30 43	#491E2B
16.7%	16.7% #5E2F3D	RGB 94 47 61	#5E2F3D
33.3%	33.3% #744452	RGB 116 68 82	#744452
50.0%	50.0% #8A5C6A	RGB 138 92 106	#8A5C6A
66.7%	66.7% #9F7985	RGB 159 121 133	#9F7985
83.3%	83.3% #B599A2	RGB 181 153 162	#B599A2
100.0%	100.0% #CBBEC2	RGB 203 190 194	#CBBEC2

#491E2B #5E2F3D #744452 #8A5C6A #9F7985 #B599A2 #CBBEC2

#491E2B - #8A5C6A - #CBBEC2

CSS codes

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

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