#4A2424 - #CBC0C0 | 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 #4A2424 to #CBC0C0

#4A2424 #CBC0C0

Calculate the color between two colors, #4A2424 and #CBC0C0. 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)

#4A2424 - #CBC0C0 | 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 #4A2424 as 0% and #CBC0C0 as 100%.

0.0%	0.0% #4A2424	RGB 74 36 36	#4A2424
16.7%	16.7% #5F3E3E	RGB 95 62 62	#5F3E3E
33.3%	33.3% #755858	RGB 117 88 88	#755858
50.0%	50.0% #8A7272	RGB 138 114 114	#8A7272
66.7%	66.7% #A08C8C	RGB 160 140 140	#A08C8C
83.3%	83.3% #B5A6A6	RGB 181 166 166	#B5A6A6
100.0%	100.0% #CBC0C0	RGB 203 192 192	#CBC0C0

#4A2424 #5F3E3E #755858 #8A7272 #A08C8C #B5A6A6 #CBC0C0

#4A2424 - #CBC0C0

HSV Blend

#4A2424 - #CBC0C0 | 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 #4A2424 as 0% and #CBC0C0 as 100%.

0.0%	0.0% #4A2424	RGB 74 36 36	#4A2424
16.7%	16.7% #5F3535	RGB 95 53 53	#5F3535
33.3%	33.3% #754A4A	RGB 117 74 74	#754A4A
50.0%	50.0% #8A6363	RGB 138 99 99	#8A6363
66.7%	66.7% #A07E7E	RGB 160 126 126	#A07E7E
83.3%	83.3% #B59D9D	RGB 181 157 157	#B59D9D
100.0%	100.0% #CBC0C0	RGB 203 192 192	#CBC0C0

#4A2424 #5F3535 #754A4A #8A6363 #A07E7E #B59D9D #CBC0C0

#4A2424 - #8A6363 - #CBC0C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A2424 0%, #8A6363 50%, #CBC0C0 100%);
    background: -webkit-linear-gradient(top, #4A2424 0%, #8A6363 50%, #CBC0C0 100%);
    background: linear-gradient(to bottom, #4A2424 0%, #8A6363 50%, #CBC0C0 100%);
}
</style>