#6B5255 - #DF9A72 | 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 #6B5255 to #DF9A72

#6B5255 #DF9A72

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

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

0.0%	0.0% #6B5255	RGB 107 82 85	#6B5255
16.7%	16.7% #7E5E59	RGB 126 94 89	#7E5E59
33.3%	33.3% #916A5E	RGB 145 106 94	#916A5E
50.0%	50.0% #A57663	RGB 165 118 99	#A57663
66.7%	66.7% #B88268	RGB 184 130 104	#B88268
83.3%	83.3% #CB8E6D	RGB 203 142 109	#CB8E6D
100.0%	100.0% #DF9A72	RGB 223 154 114	#DF9A72

#6B5255 #7E5E59 #916A5E #A57663 #B88268 #CB8E6D #DF9A72

#6B5255 - #DF9A72

HSV Blend

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

0.0%	0.0% #6B5255	RGB 107 82 85	#6B5255
16.7%	16.7% #7E5B5C	RGB 126 91 92	#7E5B5C
33.3%	33.3% #916563	RGB 145 101 99	#916563
50.0%	50.0% #A57069	RGB 165 112 105	#A57069
66.7%	66.7% #B87D6D	RGB 184 125 109	#B87D6D
83.3%	83.3% #CB8A70	RGB 203 138 112	#CB8A70
100.0%	100.0% #DF9A72	RGB 223 154 114	#DF9A72

#6B5255 #7E5B5C #916563 #A57069 #B87D6D #CB8A70 #DF9A72

#6B5255 - #A57069 - #DF9A72

CSS codes

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

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