#6B5256 - #DF9372 | 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 #6B5256 to #DF9372

#6B5256 #DF9372

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

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

0.0%	0.0% #6B5256	RGB 107 82 86	#6B5256
16.7%	16.7% #7E5C5A	RGB 126 92 90	#7E5C5A
33.3%	33.3% #91675F	RGB 145 103 95	#91675F
50.0%	50.0% #A57264	RGB 165 114 100	#A57264
66.7%	66.7% #B87D68	RGB 184 125 104	#B87D68
83.3%	83.3% #CB886D	RGB 203 136 109	#CB886D
100.0%	100.0% #DF9372	RGB 223 147 114	#DF9372

#6B5256 #7E5C5A #91675F #A57264 #B87D68 #CB886D #DF9372

#6B5256 - #DF9372

HSV Blend

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

0.0%	0.0% #6B5256	RGB 107 82 86	#6B5256
16.7%	16.7% #7E5B5E	RGB 126 91 94	#7E5B5E
33.3%	33.3% #916363	RGB 145 99 99	#916363
50.0%	50.0% #A56D69	RGB 165 109 105	#A56D69
66.7%	66.7% #B8786D	RGB 184 120 109	#B8786D
83.3%	83.3% #CB8570	RGB 203 133 112	#CB8570
100.0%	100.0% #DF9372	RGB 223 147 114	#DF9372

#6B5256 #7E5B5E #916363 #A56D69 #B8786D #CB8570 #DF9372

#6B5256 - #A56D69 - #DF9372

CSS codes

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

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