#6D4F3E - #DB9660 | 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 #6D4F3E to #DB9660

#6D4F3E #DB9660

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

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

0.0%	0.0% #6D4F3E	RGB 109 79 62	#6D4F3E
16.7%	16.7% #7F5A43	RGB 127 90 67	#7F5A43
33.3%	33.3% #916649	RGB 145 102 73	#916649
50.0%	50.0% #A4724F	RGB 164 114 79	#A4724F
66.7%	66.7% #B67E54	RGB 182 126 84	#B67E54
83.3%	83.3% #C88A5A	RGB 200 138 90	#C88A5A
100.0%	100.0% #DB9660	RGB 219 150 96	#DB9660

#6D4F3E #7F5A43 #916649 #A4724F #B67E54 #C88A5A #DB9660

#6D4F3E - #DB9660

HSV Blend

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

0.0%	0.0% #6D4F3E	RGB 109 79 62	#6D4F3E
16.7%	16.7% #7F5B45	RGB 127 91 69	#7F5B45
33.3%	33.3% #91674C	RGB 145 103 76	#91674C
50.0%	50.0% #A47352	RGB 164 115 82	#A47352
66.7%	66.7% #B67E57	RGB 182 126 87	#B67E57
83.3%	83.3% #C88A5C	RGB 200 138 92	#C88A5C
100.0%	100.0% #DB9660	RGB 219 150 96	#DB9660

#6D4F3E #7F5B45 #91674C #A47352 #B67E57 #C88A5C #DB9660

#6D4F3E - #A47352 - #DB9660

CSS codes

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

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