#6D2D3C - #CF6D54 | 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 #6D2D3C to #CF6D54

#6D2D3C #CF6D54

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

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

0.0%	0.0% #6D2D3C	RGB 109 45 60	#6D2D3C
16.7%	16.7% #7D3740	RGB 125 55 64	#7D3740
33.3%	33.3% #8D4244	RGB 141 66 68	#8D4244
50.0%	50.0% #9E4D48	RGB 158 77 72	#9E4D48
66.7%	66.7% #AE574C	RGB 174 87 76	#AE574C
83.3%	83.3% #BE6250	RGB 190 98 80	#BE6250
100.0%	100.0% #CF6D54	RGB 207 109 84	#CF6D54

#6D2D3C #7D3740 #8D4244 #9E4D48 #AE574C #BE6250 #CF6D54

#6D2D3C - #CF6D54

HSV Blend

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

0.0%	0.0% #6D2D3C	RGB 109 45 60	#6D2D3C
16.7%	16.7% #7D333F	RGB 125 51 63	#7D333F
33.3%	33.3% #8D3A41	RGB 141 58 65	#8D3A41
50.0%	50.0% #9E4042	RGB 158 64 66	#9E4042
66.7%	66.7% #AE4D47	RGB 174 77 71	#AE4D47
83.3%	83.3% #BE5C4D	RGB 190 92 77	#BE5C4D
100.0%	100.0% #CF6D54	RGB 207 109 84	#CF6D54

#6D2D3C #7D333F #8D3A41 #9E4042 #AE4D47 #BE5C4D #CF6D54

#6D2D3C - #9E4042 - #CF6D54

CSS codes

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

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