#6D4D4C - #DA9874 | 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 #6D4D4C to #DA9874

#6D4D4C #DA9874

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

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

0.0%	0.0% #6D4D4C	RGB 109 77 76	#6D4D4C
16.7%	16.7% #7F5952	RGB 127 89 82	#7F5952
33.3%	33.3% #916659	RGB 145 102 89	#916659
50.0%	50.0% #A37260	RGB 163 114 96	#A37260
66.7%	66.7% #B57F66	RGB 181 127 102	#B57F66
83.3%	83.3% #C78B6D	RGB 199 139 109	#C78B6D
100.0%	100.0% #DA9874	RGB 218 152 116	#DA9874

#6D4D4C #7F5952 #916659 #A37260 #B57F66 #C78B6D #DA9874

#6D4D4C - #DA9874

HSV Blend

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

0.0%	0.0% #6D4D4C	RGB 109 77 76	#6D4D4C
16.7%	16.7% #7F5855	RGB 127 88 85	#7F5855
33.3%	33.3% #91645D	RGB 145 100 93	#91645D
50.0%	50.0% #A37064	RGB 163 112 100	#A37064
66.7%	66.7% #B57D6A	RGB 181 125 106	#B57D6A
83.3%	83.3% #C78A6F	RGB 199 138 111	#C78A6F
100.0%	100.0% #DA9874	RGB 218 152 116	#DA9874

#6D4D4C #7F5855 #91645D #A37064 #B57D6A #C78A6F #DA9874

#6D4D4C - #A37064 - #DA9874

CSS codes

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

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