#7557A5 - #371C5E | 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 #7557A5 to #371C5E

#7557A5 #371C5E

Calculate the color between two colors, #7557A5 and #371C5E. 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)

#7557A5 - #371C5E | 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 #7557A5 as 0% and #371C5E as 100%.

0.0%	0.0% #7557A5	RGB 117 87 165	#7557A5
16.7%	16.7% #6A4D99	RGB 106 77 153	#6A4D99
33.3%	33.3% #60438D	RGB 96 67 141	#60438D
50.0%	50.0% #563981	RGB 86 57 129	#563981
66.7%	66.7% #4B2F75	RGB 75 47 117	#4B2F75
83.3%	83.3% #412569	RGB 65 37 105	#412569
100.0%	100.0% #371C5E	RGB 55 28 94	#371C5E

#7557A5 #6A4D99 #60438D #563981 #4B2F75 #412569 #371C5E

#7557A5 - #371C5E

HSV Blend

#7557A5 - #371C5E | 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 #7557A5 as 0% and #371C5E as 100%.

0.0%	0.0% #7557A5	RGB 117 87 165	#7557A5
16.7%	16.7% #694A99	RGB 105 74 153	#694A99
33.3%	33.3% #5E3F8D	RGB 94 63 141	#5E3F8D
50.0%	50.0% #533581	RGB 83 53 129	#533581
66.7%	66.7% #492C75	RGB 73 44 117	#492C75
83.3%	83.3% #402369	RGB 64 35 105	#402369
100.0%	100.0% #371C5E	RGB 55 28 94	#371C5E

#7557A5 #694A99 #5E3F8D #533581 #492C75 #402369 #371C5E

#7557A5 - #533581 - #371C5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7557A5 0%, #533581 50%, #371C5E 100%);
    background: -webkit-linear-gradient(top, #7557A5 0%, #533581 50%, #371C5E 100%);
    background: linear-gradient(to bottom, #7557A5 0%, #533581 50%, #371C5E 100%);
}
</style>