#7B7BAD - #372A8F | 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 #7B7BAD to #372A8F

#7B7BAD #372A8F

Calculate the color between two colors, #7B7BAD and #372A8F. 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)

#7B7BAD - #372A8F | 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 #7B7BAD as 0% and #372A8F as 100%.

0.0%	0.0% #7B7BAD	RGB 123 123 173	#7B7BAD
16.7%	16.7% #6F6DA8	RGB 111 109 168	#6F6DA8
33.3%	33.3% #6460A3	RGB 100 96 163	#6460A3
50.0%	50.0% #59529E	RGB 89 82 158	#59529E
66.7%	66.7% #4D4599	RGB 77 69 153	#4D4599
83.3%	83.3% #423794	RGB 66 55 148	#423794
100.0%	100.0% #372A8F	RGB 55 42 143	#372A8F

#7B7BAD #6F6DA8 #6460A3 #59529E #4D4599 #423794 #372A8F

#7B7BAD - #372A8F

HSV Blend

#7B7BAD - #372A8F | 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 #7B7BAD as 0% and #372A8F as 100%.

0.0%	0.0% #7B7BAD	RGB 123 123 173	#7B7BAD
16.7%	16.7% #6D6BA8	RGB 109 107 168	#6D6BA8
33.3%	33.3% #605DA3	RGB 96 93 163	#605DA3
50.0%	50.0% #544F9E	RGB 84 79 158	#544F9E
66.7%	66.7% #494299	RGB 73 66 153	#494299
83.3%	83.3% #3F3594	RGB 63 53 148	#3F3594
100.0%	100.0% #372A8F	RGB 55 42 143	#372A8F

#7B7BAD #6D6BA8 #605DA3 #544F9E #494299 #3F3594 #372A8F

#7B7BAD - #544F9E - #372A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B7BAD 0%, #544F9E 50%, #372A8F 100%);
    background: -webkit-linear-gradient(top, #7B7BAD 0%, #544F9E 50%, #372A8F 100%);
    background: linear-gradient(to bottom, #7B7BAD 0%, #544F9E 50%, #372A8F 100%);
}
</style>