#6D3C5E - #460A18 | 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 #6D3C5E to #460A18

#6D3C5E #460A18

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

#6D3C5E - #460A18 | 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 #6D3C5E as 0% and #460A18 as 100%.

0.0%	0.0% #6D3C5E	RGB 109 60 94	#6D3C5E
16.7%	16.7% #663352	RGB 102 51 82	#663352
33.3%	33.3% #602B46	RGB 96 43 70	#602B46
50.0%	50.0% #59233B	RGB 89 35 59	#59233B
66.7%	66.7% #531A2F	RGB 83 26 47	#531A2F
83.3%	83.3% #4C1223	RGB 76 18 35	#4C1223
100.0%	100.0% #460A18	RGB 70 10 24	#460A18

#6D3C5E #663352 #602B46 #59233B #531A2F #4C1223 #460A18

#6D3C5E - #460A18

HSV Blend

#6D3C5E - #460A18 | 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 #6D3C5E as 0% and #460A18 as 100%.

0.0%	0.0% #6D3C5E	RGB 109 60 94	#6D3C5E
16.7%	16.7% #663152	RGB 102 49 82	#663152
33.3%	33.3% #602746	RGB 96 39 70	#602746
50.0%	50.0% #591F3A	RGB 89 31 58	#591F3A
66.7%	66.7% #53172E	RGB 83 23 46	#53172E
83.3%	83.3% #4C1022	RGB 76 16 34	#4C1022
100.0%	100.0% #460A18	RGB 70 10 24	#460A18

#6D3C5E #663152 #602746 #591F3A #53172E #4C1022 #460A18

#6D3C5E - #591F3A - #460A18

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D3C5E 0%, #591F3A 50%, #460A18 100%);
    background: -webkit-linear-gradient(top, #6D3C5E 0%, #591F3A 50%, #460A18 100%);
    background: linear-gradient(to bottom, #6D3C5E 0%, #591F3A 50%, #460A18 100%);
}
</style>