#6B5E5C - #571D11 | 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 #6B5E5C to #571D11

#6B5E5C #571D11

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

#6B5E5C - #571D11 | 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 #6B5E5C as 0% and #571D11 as 100%.

0.0%	0.0% #6B5E5C	RGB 107 94 92	#6B5E5C
16.7%	16.7% #67534F	RGB 103 83 79	#67534F
33.3%	33.3% #644843	RGB 100 72 67	#644843
50.0%	50.0% #613D36	RGB 97 61 54	#613D36
66.7%	66.7% #5D322A	RGB 93 50 42	#5D322A
83.3%	83.3% #5A271D	RGB 90 39 29	#5A271D
100.0%	100.0% #571D11	RGB 87 29 17	#571D11

#6B5E5C #67534F #644843 #613D36 #5D322A #5A271D #571D11

#6B5E5C - #571D11

HSV Blend

#6B5E5C - #571D11 | 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 #6B5E5C as 0% and #571D11 as 100%.

0.0%	0.0% #6B5E5C	RGB 107 94 92	#6B5E5C
16.7%	16.7% #67514D	RGB 103 81 77	#67514D
33.3%	33.3% #644540	RGB 100 69 64	#644540
50.0%	50.0% #613A33	RGB 97 58 51	#613A33
66.7%	66.7% #5D2F27	RGB 93 47 39	#5D2F27
83.3%	83.3% #5A261B	RGB 90 38 27	#5A261B
100.0%	100.0% #571D11	RGB 87 29 17	#571D11

#6B5E5C #67514D #644540 #613A33 #5D2F27 #5A261B #571D11

#6B5E5C - #613A33 - #571D11

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E5C 0%, #613A33 50%, #571D11 100%);
    background: -webkit-linear-gradient(top, #6B5E5C 0%, #613A33 50%, #571D11 100%);
    background: linear-gradient(to bottom, #6B5E5C 0%, #613A33 50%, #571D11 100%);
}
</style>