#6B2D4B - #3A0911 | 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 #6B2D4B to #3A0911

#6B2D4B #3A0911

Calculate the color between two colors, #6B2D4B and #3A0911. 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)

#6B2D4B - #3A0911 | 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 #6B2D4B as 0% and #3A0911 as 100%.

0.0%	0.0% #6B2D4B	RGB 107 45 75	#6B2D4B
16.7%	16.7% #622741	RGB 98 39 65	#622741
33.3%	33.3% #5A2137	RGB 90 33 55	#5A2137
50.0%	50.0% #521B2E	RGB 82 27 46	#521B2E
66.7%	66.7% #4A1524	RGB 74 21 36	#4A1524
83.3%	83.3% #420F1A	RGB 66 15 26	#420F1A
100.0%	100.0% #3A0911	RGB 58 9 17	#3A0911

#6B2D4B #622741 #5A2137 #521B2E #4A1524 #420F1A #3A0911

#6B2D4B - #3A0911

HSV Blend

#6B2D4B - #3A0911 | 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 #6B2D4B as 0% and #3A0911 as 100%.

0.0%	0.0% #6B2D4A	RGB 107 45 74	#6B2D4A
16.7%	16.7% #62253F	RGB 98 37 63	#62253F
33.3%	33.3% #5A1E34	RGB 90 30 52	#5A1E34
50.0%	50.0% #52172A	RGB 82 23 42	#52172A
66.7%	66.7% #4A1221	RGB 74 18 33	#4A1221
83.3%	83.3% #420D18	RGB 66 13 24	#420D18
100.0%	100.0% #3A0911	RGB 58 9 17	#3A0911

#6B2D4A #62253F #5A1E34 #52172A #4A1221 #420D18 #3A0911

#6B2D4B - #52172A - #3A0911

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B2D4A 0%, #52172A 50%, #3A0911 100%);
    background: -webkit-linear-gradient(top, #6B2D4A 0%, #52172A 50%, #3A0911 100%);
    background: linear-gradient(to bottom, #6B2D4A 0%, #52172A 50%, #3A0911 100%);
}
</style>