#2B051B - #6E3446 | 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 #2B051B to #6E3446

#2B051B #6E3446

Calculate the color between two colors, #2B051B and #6E3446. 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)

#2B051B - #6E3446 | 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 #2B051B as 0% and #6E3446 as 100%.

0.0%	0.0% #2B051B	RGB 43 5 27	#2B051B
16.7%	16.7% #360C22	RGB 54 12 34	#360C22
33.3%	33.3% #411429	RGB 65 20 41	#411429
50.0%	50.0% #4C1C30	RGB 76 28 48	#4C1C30
66.7%	66.7% #572437	RGB 87 36 55	#572437
83.3%	83.3% #622C3E	RGB 98 44 62	#622C3E
100.0%	100.0% #6E3446	RGB 110 52 70	#6E3446

#2B051B #360C22 #411429 #4C1C30 #572437 #622C3E #6E3446

#2B051B - #6E3446

HSV Blend

#2B051B - #6E3446 | 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 #2B051B as 0% and #6E3446 as 100%.

0.0%	0.0% #2B051A	RGB 43 5 26	#2B051A
16.7%	16.7% #360921	RGB 54 9 33	#360921
33.3%	33.3% #410F27	RGB 65 15 39	#410F27
50.0%	50.0% #4C162E	RGB 76 22 46	#4C162E
66.7%	66.7% #571F35	RGB 87 31 53	#571F35
83.3%	83.3% #62283D	RGB 98 40 61	#62283D
100.0%	100.0% #6E3446	RGB 110 52 70	#6E3446

#2B051A #360921 #410F27 #4C162E #571F35 #62283D #6E3446

#2B051B - #4C162E - #6E3446

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B051A 0%, #4C162E 50%, #6E3446 100%);
    background: -webkit-linear-gradient(top, #2B051A 0%, #4C162E 50%, #6E3446 100%);
    background: linear-gradient(to bottom, #2B051A 0%, #4C162E 50%, #6E3446 100%);
}
</style>