#702A8C - #210032 | 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 #702A8C to #210032

#702A8C #210032

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

#702A8C - #210032 | 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 #702A8C as 0% and #210032 as 100%.

0.0%	0.0% #702A8C	RGB 112 42 140	#702A8C
16.7%	16.7% #62237D	RGB 98 35 125	#62237D
33.3%	33.3% #551C6E	RGB 85 28 110	#551C6E
50.0%	50.0% #48155F	RGB 72 21 95	#48155F
66.7%	66.7% #3B0D50	RGB 59 13 80	#3B0D50
83.3%	83.3% #2E0741	RGB 46 7 65	#2E0741
100.0%	100.0% #210032	RGB 33 0 50	#210032

#702A8C #62237D #551C6E #48155F #3B0D50 #2E0741 #210032

#702A8C - #210032

HSV Blend

#702A8C - #210032 | 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 #702A8C as 0% and #210032 as 100%.

0.0%	0.0% #6F2A8C	RGB 111 42 140	#6F2A8C
16.7%	16.7% #611F7D	RGB 97 31 125	#611F7D
33.3%	33.3% #53166E	RGB 83 22 110	#53166E
50.0%	50.0% #450E5F	RGB 69 14 95	#450E5F
66.7%	66.7% #380850	RGB 56 8 80	#380850
83.3%	83.3% #2C0341	RGB 44 3 65	#2C0341
100.0%	100.0% #210032	RGB 33 0 50	#210032

#6F2A8C #611F7D #53166E #450E5F #380850 #2C0341 #210032

#702A8C - #450E5F - #210032

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F2A8C 0%, #450E5F 50%, #210032 100%);
    background: -webkit-linear-gradient(top, #6F2A8C 0%, #450E5F 50%, #210032 100%);
    background: linear-gradient(to bottom, #6F2A8C 0%, #450E5F 50%, #210032 100%);
}
</style>