#6E5E9E - #371346 | 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 #6E5E9E to #371346

#6E5E9E #371346

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

#6E5E9E - #371346 | 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 #6E5E9E as 0% and #371346 as 100%.

0.0%	0.0% #6E5E9E	RGB 110 94 158	#6E5E9E
16.7%	16.7% #64518F	RGB 100 81 143	#64518F
33.3%	33.3% #5B4580	RGB 91 69 128	#5B4580
50.0%	50.0% #523872	RGB 82 56 114	#523872
66.7%	66.7% #492C63	RGB 73 44 99	#492C63
83.3%	83.3% #401F54	RGB 64 31 84	#401F54
100.0%	100.0% #371346	RGB 55 19 70	#371346

#6E5E9E #64518F #5B4580 #523872 #492C63 #401F54 #371346

#6E5E9E - #371346

HSV Blend

#6E5E9E - #371346 | 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 #6E5E9E as 0% and #371346 as 100%.

0.0%	0.0% #6E5E9E	RGB 110 94 158	#6E5E9E
16.7%	16.7% #624D8F	RGB 98 77 143	#624D8F
33.3%	33.3% #593E80	RGB 89 62 128	#593E80
50.0%	50.0% #503172	RGB 80 49 114	#503172
66.7%	66.7% #472563	RGB 71 37 99	#472563
83.3%	83.3% #3F1B54	RGB 63 27 84	#3F1B54
100.0%	100.0% #371346	RGB 55 19 70	#371346

#6E5E9E #624D8F #593E80 #503172 #472563 #3F1B54 #371346

#6E5E9E - #503172 - #371346

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E9E 0%, #503172 50%, #371346 100%);
    background: -webkit-linear-gradient(top, #6E5E9E 0%, #503172 50%, #371346 100%);
    background: linear-gradient(to bottom, #6E5E9E 0%, #503172 50%, #371346 100%);
}
</style>