#6B5254 - #DF9970 | 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 #6B5254 to #DF9970

#6B5254 #DF9970

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

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

0.0%	0.0% #6B5254	RGB 107 82 84	#6B5254
16.7%	16.7% #7E5D58	RGB 126 93 88	#7E5D58
33.3%	33.3% #91695D	RGB 145 105 93	#91695D
50.0%	50.0% #A57562	RGB 165 117 98	#A57562
66.7%	66.7% #B88166	RGB 184 129 102	#B88166
83.3%	83.3% #CB8D6B	RGB 203 141 107	#CB8D6B
100.0%	100.0% #DF9970	RGB 223 153 112	#DF9970

#6B5254 #7E5D58 #91695D #A57562 #B88166 #CB8D6B #DF9970

#6B5254 - #DF9970

HSV Blend

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

0.0%	0.0% #6B5254	RGB 107 82 84	#6B5254
16.7%	16.7% #7E5B5B	RGB 126 91 91	#7E5B5B
33.3%	33.3% #916662	RGB 145 102 98	#916662
50.0%	50.0% #A57168	RGB 165 113 104	#A57168
66.7%	66.7% #B87D6C	RGB 184 125 108	#B87D6C
83.3%	83.3% #CB8A6F	RGB 203 138 111	#CB8A6F
100.0%	100.0% #DF9970	RGB 223 153 112	#DF9970

#6B5254 #7E5B5B #916662 #A57168 #B87D6C #CB8A6F #DF9970

#6B5254 - #A57168 - #DF9970

CSS codes

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

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