#6D4D4B - #DA9872 | 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 #6D4D4B to #DA9872

#6D4D4B #DA9872

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

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

0.0%	0.0% #6D4D4B	RGB 109 77 75	#6D4D4B
16.7%	16.7% #7F5951	RGB 127 89 81	#7F5951
33.3%	33.3% #916658	RGB 145 102 88	#916658
50.0%	50.0% #A3725E	RGB 163 114 94	#A3725E
66.7%	66.7% #B57F65	RGB 181 127 101	#B57F65
83.3%	83.3% #C78B6B	RGB 199 139 107	#C78B6B
100.0%	100.0% #DA9872	RGB 218 152 114	#DA9872

#6D4D4B #7F5951 #916658 #A3725E #B57F65 #C78B6B #DA9872

#6D4D4B - #DA9872

HSV Blend

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

0.0%	0.0% #6D4D4B	RGB 109 77 75	#6D4D4B
16.7%	16.7% #7F5854	RGB 127 88 84	#7F5854
33.3%	33.3% #91645C	RGB 145 100 92	#91645C
50.0%	50.0% #A37063	RGB 163 112 99	#A37063
66.7%	66.7% #B57D69	RGB 181 125 105	#B57D69
83.3%	83.3% #C78A6E	RGB 199 138 110	#C78A6E
100.0%	100.0% #DA9872	RGB 218 152 114	#DA9872

#6D4D4B #7F5854 #91645C #A37063 #B57D69 #C78A6E #DA9872

#6D4D4B - #A37063 - #DA9872

CSS codes

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

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