#6B5151 - #DB9D7A | 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 #6B5151 to #DB9D7A

#6B5151 #DB9D7A

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

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

0.0%	0.0% #6B5151	RGB 107 81 81	#6B5151
16.7%	16.7% #7D5D57	RGB 125 93 87	#7D5D57
33.3%	33.3% #906A5E	RGB 144 106 94	#906A5E
50.0%	50.0% #A37765	RGB 163 119 101	#A37765
66.7%	66.7% #B5836C	RGB 181 131 108	#B5836C
83.3%	83.3% #C89073	RGB 200 144 115	#C89073
100.0%	100.0% #DB9D7A	RGB 219 157 122	#DB9D7A

#6B5151 #7D5D57 #906A5E #A37765 #B5836C #C89073 #DB9D7A

#6B5151 - #DB9D7A

HSV Blend

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

0.0%	0.0% #6B5151	RGB 107 81 81	#6B5151
16.7%	16.7% #7D5D5A	RGB 125 93 90	#7D5D5A
33.3%	33.3% #906963	RGB 144 105 99	#906963
50.0%	50.0% #A3756B	RGB 163 117 107	#A3756B
66.7%	66.7% #B58171	RGB 181 129 113	#B58171
83.3%	83.3% #C88E76	RGB 200 142 118	#C88E76
100.0%	100.0% #DB9D7A	RGB 219 157 122	#DB9D7A

#6B5151 #7D5D5A #906963 #A3756B #B58171 #C88E76 #DB9D7A

#6B5151 - #A3756B - #DB9D7A

CSS codes

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

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