#6B5258 - #411C17 | 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 #6B5258 to #411C17

#6B5258 #411C17

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

#6B5258 - #411C17 | 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 #6B5258 as 0% and #411C17 as 100%.

0.0%	0.0% #6B5258	RGB 107 82 88	#6B5258
16.7%	16.7% #64494D	RGB 100 73 77	#64494D
33.3%	33.3% #5D4042	RGB 93 64 66	#5D4042
50.0%	50.0% #563737	RGB 86 55 55	#563737
66.7%	66.7% #4F2E2C	RGB 79 46 44	#4F2E2C
83.3%	83.3% #482521	RGB 72 37 33	#482521
100.0%	100.0% #411C17	RGB 65 28 23	#411C17

#6B5258 #64494D #5D4042 #563737 #4F2E2C #482521 #411C17

#6B5258 - #411C17

HSV Blend

#6B5258 - #411C17 | 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 #6B5258 as 0% and #411C17 as 100%.

0.0%	0.0% #6B5257	RGB 107 82 87	#6B5257
16.7%	16.7% #64454B	RGB 100 69 75	#64454B
33.3%	33.3% #5D3A3E	RGB 93 58 62	#5D3A3E
50.0%	50.0% #563032	RGB 86 48 50	#563032
66.7%	66.7% #4F2626	RGB 79 38 38	#4F2626
83.3%	83.3% #48201E	RGB 72 32 30	#48201E
100.0%	100.0% #411C17	RGB 65 28 23	#411C17

#6B5257 #64454B #5D3A3E #563032 #4F2626 #48201E #411C17

#6B5258 - #563032 - #411C17

CSS codes

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

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