#872BAF - #4F0C7E | 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 #872BAF to #4F0C7E

#872BAF #4F0C7E

Calculate the color between two colors, #872BAF and #4F0C7E. 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)

#872BAF - #4F0C7E | 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 #872BAF as 0% and #4F0C7E as 100%.

0.0%	0.0% #872BAF	RGB 135 43 175	#872BAF
16.7%	16.7% #7D25A6	RGB 125 37 166	#7D25A6
33.3%	33.3% #74209E	RGB 116 32 158	#74209E
50.0%	50.0% #6B1B96	RGB 107 27 150	#6B1B96
66.7%	66.7% #61168E	RGB 97 22 142	#61168E
83.3%	83.3% #581186	RGB 88 17 134	#581186
100.0%	100.0% #4F0C7E	RGB 79 12 126	#4F0C7E

#872BAF #7D25A6 #74209E #6B1B96 #61168E #581186 #4F0C7E

#872BAF - #4F0C7E

HSV Blend

#872BAF - #4F0C7E | 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 #872BAF as 0% and #4F0C7E as 100%.

0.0%	0.0% #862BAF	RGB 134 43 175	#862BAF
16.7%	16.7% #7D24A6	RGB 125 36 166	#7D24A6
33.3%	33.3% #731F9E	RGB 115 31 158	#731F9E
50.0%	50.0% #691996	RGB 105 25 150	#691996
66.7%	66.7% #60148E	RGB 96 20 142	#60148E
83.3%	83.3% #571086	RGB 87 16 134	#571086
100.0%	100.0% #4F0C7E	RGB 79 12 126	#4F0C7E

#862BAF #7D24A6 #731F9E #691996 #60148E #571086 #4F0C7E

#872BAF - #691996 - #4F0C7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #862BAF 0%, #691996 50%, #4F0C7E 100%);
    background: -webkit-linear-gradient(top, #862BAF 0%, #691996 50%, #4F0C7E 100%);
    background: linear-gradient(to bottom, #862BAF 0%, #691996 50%, #4F0C7E 100%);
}
</style>