#6B2D3E - #CD6D58 | 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 #6B2D3E to #CD6D58

#6B2D3E #CD6D58

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

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

0.0%	0.0% #6B2D3E	RGB 107 45 62	#6B2D3E
16.7%	16.7% #7B3742	RGB 123 55 66	#7B3742
33.3%	33.3% #8B4246	RGB 139 66 70	#8B4246
50.0%	50.0% #9C4D4B	RGB 156 77 75	#9C4D4B
66.7%	66.7% #AC574F	RGB 172 87 79	#AC574F
83.3%	83.3% #BC6253	RGB 188 98 83	#BC6253
100.0%	100.0% #CD6D58	RGB 205 109 88	#CD6D58

#6B2D3E #7B3742 #8B4246 #9C4D4B #AC574F #BC6253 #CD6D58

#6B2D3E - #CD6D58

HSV Blend

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

0.0%	0.0% #6B2D3E	RGB 107 45 62	#6B2D3E
16.7%	16.7% #7B3442	RGB 123 52 66	#7B3442
33.3%	33.3% #8B3B45	RGB 139 59 69	#8B3B45
50.0%	50.0% #9C4246	RGB 156 66 70	#9C4246
66.7%	66.7% #AC4C49	RGB 172 76 73	#AC4C49
83.3%	83.3% #BC5B50	RGB 188 91 80	#BC5B50
100.0%	100.0% #CD6D58	RGB 205 109 88	#CD6D58

#6B2D3E #7B3442 #8B3B45 #9C4246 #AC4C49 #BC5B50 #CD6D58

#6B2D3E - #9C4246 - #CD6D58

CSS codes

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

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