#6B5E53 - #552F0F | 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 #6B5E53 to #552F0F

#6B5E53 #552F0F

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

#6B5E53 - #552F0F | 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 #6B5E53 as 0% and #552F0F as 100%.

0.0%	0.0% #6B5E53	RGB 107 94 83	#6B5E53
16.7%	16.7% #675647	RGB 103 86 71	#675647
33.3%	33.3% #634E3C	RGB 99 78 60	#634E3C
50.0%	50.0% #604631	RGB 96 70 49	#604631
66.7%	66.7% #5C3E25	RGB 92 62 37	#5C3E25
83.3%	83.3% #58361A	RGB 88 54 26	#58361A
100.0%	100.0% #552F0F	RGB 85 47 15	#552F0F

#6B5E53 #675647 #634E3C #604631 #5C3E25 #58361A #552F0F

#6B5E53 - #552F0F

HSV Blend

#6B5E53 - #552F0F | 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 #6B5E53 as 0% and #552F0F as 100%.

0.0%	0.0% #6B5E53	RGB 107 94 83	#6B5E53
16.7%	16.7% #675545	RGB 103 85 69	#675545
33.3%	33.3% #634C39	RGB 99 76 57	#634C39
50.0%	50.0% #60442D	RGB 96 68 45	#60442D
66.7%	66.7% #5C3D22	RGB 92 61 34	#5C3D22
83.3%	83.3% #583518	RGB 88 53 24	#583518
100.0%	100.0% #552F0F	RGB 85 47 15	#552F0F

#6B5E53 #675545 #634C39 #60442D #5C3D22 #583518 #552F0F

#6B5E53 - #60442D - #552F0F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E53 0%, #60442D 50%, #552F0F 100%);
    background: -webkit-linear-gradient(top, #6B5E53 0%, #60442D 50%, #552F0F 100%);
    background: linear-gradient(to bottom, #6B5E53 0%, #60442D 50%, #552F0F 100%);
}
</style>