#6B5252 - #DB9F7B | 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 #6B5252 to #DB9F7B

#6B5252 #DB9F7B

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

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

0.0%	0.0% #6B5252	RGB 107 82 82	#6B5252
16.7%	16.7% #7D5E58	RGB 125 94 88	#7D5E58
33.3%	33.3% #906B5F	RGB 144 107 95	#906B5F
50.0%	50.0% #A37866	RGB 163 120 102	#A37866
66.7%	66.7% #B5856D	RGB 181 133 109	#B5856D
83.3%	83.3% #C89274	RGB 200 146 116	#C89274
100.0%	100.0% #DB9F7B	RGB 219 159 123	#DB9F7B

#6B5252 #7D5E58 #906B5F #A37866 #B5856D #C89274 #DB9F7B

#6B5252 - #DB9F7B

HSV Blend

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

0.0%	0.0% #6B5252	RGB 107 82 82	#6B5252
16.7%	16.7% #7D5E5C	RGB 125 94 92	#7D5E5C
33.3%	33.3% #906A64	RGB 144 106 100	#906A64
50.0%	50.0% #A3766C	RGB 163 118 108	#A3766C
66.7%	66.7% #B58372	RGB 181 131 114	#B58372
83.3%	83.3% #C89077	RGB 200 144 119	#C89077
100.0%	100.0% #DB9F7B	RGB 219 159 123	#DB9F7B

#6B5252 #7D5E5C #906A64 #A3766C #B58372 #C89077 #DB9F7B

#6B5252 - #A3766C - #DB9F7B

CSS codes

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

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