#6B5CC5 - #37076B | 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 #6B5CC5 to #37076B

#6B5CC5 #37076B

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

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

0.0%	0.0% #6B5CC5	RGB 107 92 197	#6B5CC5
16.7%	16.7% #624DB6	RGB 98 77 182	#624DB6
33.3%	33.3% #593FA7	RGB 89 63 167	#593FA7
50.0%	50.0% #513198	RGB 81 49 152	#513198
66.7%	66.7% #482389	RGB 72 35 137	#482389
83.3%	83.3% #3F157A	RGB 63 21 122	#3F157A
100.0%	100.0% #37076B	RGB 55 7 107	#37076B

#6B5CC5 #624DB6 #593FA7 #513198 #482389 #3F157A #37076B

#6B5CC5 - #37076B

HSV Blend

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

0.0%	0.0% #6A5BC5	RGB 106 91 197	#6A5BC5
16.7%	16.7% #5E48B6	RGB 94 72 182	#5E48B6
33.3%	33.3% #5437A7	RGB 84 55 167	#5437A7
50.0%	50.0% #4B2898	RGB 75 40 152	#4B2898
66.7%	66.7% #431B89	RGB 67 27 137	#431B89
83.3%	83.3% #3D107A	RGB 61 16 122	#3D107A
100.0%	100.0% #37076B	RGB 55 7 107	#37076B

#6A5BC5 #5E48B6 #5437A7 #4B2898 #431B89 #3D107A #37076B

#6B5CC5 - #4B2898 - #37076B

CSS codes

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

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