#6D4F4F - #DB9B78 | 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 #6D4F4F to #DB9B78

#6D4F4F #DB9B78

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

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

0.0%	0.0% #6D4F4F	RGB 109 79 79	#6D4F4F
16.7%	16.7% #7F5B55	RGB 127 91 85	#7F5B55
33.3%	33.3% #91685C	RGB 145 104 92	#91685C
50.0%	50.0% #A47563	RGB 164 117 99	#A47563
66.7%	66.7% #B6816A	RGB 182 129 106	#B6816A
83.3%	83.3% #C88E71	RGB 200 142 113	#C88E71
100.0%	100.0% #DB9B78	RGB 219 155 120	#DB9B78

#6D4F4F #7F5B55 #91685C #A47563 #B6816A #C88E71 #DB9B78

#6D4F4F - #DB9B78

HSV Blend

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

0.0%	0.0% #6D4F4F	RGB 109 79 79	#6D4F4F
16.7%	16.7% #7F5A58	RGB 127 90 88	#7F5A58
33.3%	33.3% #916660	RGB 145 102 96	#916660
50.0%	50.0% #A47268	RGB 164 114 104	#A47268
66.7%	66.7% #B67F6E	RGB 182 127 110	#B67F6E
83.3%	83.3% #C88C73	RGB 200 140 115	#C88C73
100.0%	100.0% #DB9B78	RGB 219 155 120	#DB9B78

#6D4F4F #7F5A58 #916660 #A47268 #B67F6E #C88C73 #DB9B78

#6D4F4F - #A47268 - #DB9B78

CSS codes

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

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