#6B2D3C - #CD6D55 | 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 #6B2D3C to #CD6D55

#6B2D3C #CD6D55

Calculate the color between two colors, #6B2D3C and #CD6D55. 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)

#6B2D3C - #CD6D55 | 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 #6B2D3C as 0% and #CD6D55 as 100%.

0.0%	0.0% #6B2D3C	RGB 107 45 60	#6B2D3C
16.7%	16.7% #7B3740	RGB 123 55 64	#7B3740
33.3%	33.3% #8B4244	RGB 139 66 68	#8B4244
50.0%	50.0% #9C4D48	RGB 156 77 72	#9C4D48
66.7%	66.7% #AC574C	RGB 172 87 76	#AC574C
83.3%	83.3% #BC6250	RGB 188 98 80	#BC6250
100.0%	100.0% #CD6D55	RGB 205 109 85	#CD6D55

#6B2D3C #7B3740 #8B4244 #9C4D48 #AC574C #BC6250 #CD6D55

#6B2D3C - #CD6D55

HSV Blend

#6B2D3C - #CD6D55 | 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 #6B2D3C as 0% and #CD6D55 as 100%.

0.0%	0.0% #6B2D3C	RGB 107 45 60	#6B2D3C
16.7%	16.7% #7B333F	RGB 123 51 63	#7B333F
33.3%	33.3% #8B3A42	RGB 139 58 66	#8B3A42
50.0%	50.0% #9C4143	RGB 156 65 67	#9C4143
66.7%	66.7% #AC4D47	RGB 172 77 71	#AC4D47
83.3%	83.3% #BC5C4E	RGB 188 92 78	#BC5C4E
100.0%	100.0% #CD6D55	RGB 205 109 85	#CD6D55

#6B2D3C #7B333F #8B3A42 #9C4143 #AC4D47 #BC5C4E #CD6D55

#6B2D3C - #9C4143 - #CD6D55

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B2D3C 0%, #9C4143 50%, #CD6D55 100%);
    background: -webkit-linear-gradient(top, #6B2D3C 0%, #9C4143 50%, #CD6D55 100%);
    background: linear-gradient(to bottom, #6B2D3C 0%, #9C4143 50%, #CD6D55 100%);
}
</style>