#6E5E6A - #511B20 | 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 #6E5E6A to #511B20

#6E5E6A #511B20

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

#6E5E6A - #511B20 | 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 #6E5E6A as 0% and #511B20 as 100%.

0.0%	0.0% #6E5E6A	RGB 110 94 106	#6E5E6A
16.7%	16.7% #69525D	RGB 105 82 93	#69525D
33.3%	33.3% #644751	RGB 100 71 81	#644751
50.0%	50.0% #5F3C45	RGB 95 60 69	#5F3C45
66.7%	66.7% #5A3138	RGB 90 49 56	#5A3138
83.3%	83.3% #55262C	RGB 85 38 44	#55262C
100.0%	100.0% #511B20	RGB 81 27 32	#511B20

#6E5E6A #69525D #644751 #5F3C45 #5A3138 #55262C #511B20

#6E5E6A - #511B20

HSV Blend

#6E5E6A - #511B20 | 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 #6E5E6A as 0% and #511B20 as 100%.

0.0%	0.0% #6E5E6A	RGB 110 94 106	#6E5E6A
16.7%	16.7% #695060	RGB 105 80 96	#695060
33.3%	33.3% #644455	RGB 100 68 85	#644455
50.0%	50.0% #5F3849	RGB 95 56 73	#5F3849
66.7%	66.7% #5A2D3B	RGB 90 45 59	#5A2D3B
83.3%	83.3% #55242E	RGB 85 36 46	#55242E
100.0%	100.0% #511B20	RGB 81 27 32	#511B20

#6E5E6A #695060 #644455 #5F3849 #5A2D3B #55242E #511B20

#6E5E6A - #5F3849 - #511B20

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E6A 0%, #5F3849 50%, #511B20 100%);
    background: -webkit-linear-gradient(top, #6E5E6A 0%, #5F3849 50%, #511B20 100%);
    background: linear-gradient(to bottom, #6E5E6A 0%, #5F3849 50%, #511B20 100%);
}
</style>