#702B9C - #46075E | 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 #702B9C to #46075E

#702B9C #46075E

Calculate the color between two colors, #702B9C and #46075E. 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)

#702B9C - #46075E | 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 #702B9C as 0% and #46075E as 100%.

0.0%	0.0% #702B9C	RGB 112 43 156	#702B9C
16.7%	16.7% #692591	RGB 105 37 145	#692591
33.3%	33.3% #621F87	RGB 98 31 135	#621F87
50.0%	50.0% #5B197D	RGB 91 25 125	#5B197D
66.7%	66.7% #541372	RGB 84 19 114	#541372
83.3%	83.3% #4D0D68	RGB 77 13 104	#4D0D68
100.0%	100.0% #46075E	RGB 70 7 94	#46075E

#702B9C #692591 #621F87 #5B197D #541372 #4D0D68 #46075E

#702B9C - #46075E

HSV Blend

#702B9C - #46075E | 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 #702B9C as 0% and #46075E as 100%.

0.0%	0.0% #702B9C	RGB 112 43 156	#702B9C
16.7%	16.7% #682391	RGB 104 35 145	#682391
33.3%	33.3% #611C87	RGB 97 28 135	#611C87
50.0%	50.0% #5A157D	RGB 90 21 125	#5A157D
66.7%	66.7% #531072	RGB 83 16 114	#531072
83.3%	83.3% #4C0B68	RGB 76 11 104	#4C0B68
100.0%	100.0% #46075E	RGB 70 7 94	#46075E

#702B9C #682391 #611C87 #5A157D #531072 #4C0B68 #46075E

#702B9C - #5A157D - #46075E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #702B9C 0%, #5A157D 50%, #46075E 100%);
    background: -webkit-linear-gradient(top, #702B9C 0%, #5A157D 50%, #46075E 100%);
    background: linear-gradient(to bottom, #702B9C 0%, #5A157D 50%, #46075E 100%);
}
</style>