#6B5E91 - #35163B | 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 #6B5E91 to #35163B

#6B5E91 #35163B

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

#6B5E91 - #35163B | 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 #6B5E91 as 0% and #35163B as 100%.

0.0%	0.0% #6B5E91	RGB 107 94 145	#6B5E91
16.7%	16.7% #625282	RGB 98 82 130	#625282
33.3%	33.3% #594674	RGB 89 70 116	#594674
50.0%	50.0% #503A66	RGB 80 58 102	#503A66
66.7%	66.7% #472E57	RGB 71 46 87	#472E57
83.3%	83.3% #3E2249	RGB 62 34 73	#3E2249
100.0%	100.0% #35163B	RGB 53 22 59	#35163B

#6B5E91 #625282 #594674 #503A66 #472E57 #3E2249 #35163B

#6B5E91 - #35163B

HSV Blend

#6B5E91 - #35163B | 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 #6B5E91 as 0% and #35163B as 100%.

0.0%	0.0% #6B5E91	RGB 107 94 145	#6B5E91
16.7%	16.7% #614E82	RGB 97 78 130	#614E82
33.3%	33.3% #574074	RGB 87 64 116	#574074
50.0%	50.0% #4F3466	RGB 79 52 102	#4F3466
66.7%	66.7% #462857	RGB 70 40 87	#462857
83.3%	83.3% #3E1E49	RGB 62 30 73	#3E1E49
100.0%	100.0% #35163B	RGB 53 22 59	#35163B

#6B5E91 #614E82 #574074 #4F3466 #462857 #3E1E49 #35163B

#6B5E91 - #4F3466 - #35163B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E91 0%, #4F3466 50%, #35163B 100%);
    background: -webkit-linear-gradient(top, #6B5E91 0%, #4F3466 50%, #35163B 100%);
    background: linear-gradient(to bottom, #6B5E91 0%, #4F3466 50%, #35163B 100%);
}
</style>