#8C249B - #260042 | 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 #8C249B to #260042

#8C249B #260042

Calculate the color between two colors, #8C249B and #260042. 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)

#8C249B - #260042 | 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 #8C249B as 0% and #260042 as 100%.

0.0%	0.0% #8C249B	RGB 140 36 155	#8C249B
16.7%	16.7% #7B1E8C	RGB 123 30 140	#7B1E8C
33.3%	33.3% #6A187D	RGB 106 24 125	#6A187D
50.0%	50.0% #59126E	RGB 89 18 110	#59126E
66.7%	66.7% #480C5F	RGB 72 12 95	#480C5F
83.3%	83.3% #370650	RGB 55 6 80	#370650
100.0%	100.0% #260042	RGB 38 0 66	#260042

#8C249B #7B1E8C #6A187D #59126E #480C5F #370650 #260042

#8C249B - #260042

HSV Blend

#8C249B - #260042 | 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 #8C249B as 0% and #260042 as 100%.

0.0%	0.0% #8C249B	RGB 140 36 155	#8C249B
16.7%	16.7% #781B8C	RGB 120 27 140	#781B8C
33.3%	33.3% #65137D	RGB 101 19 125	#65137D
50.0%	50.0% #530C6E	RGB 83 12 110	#530C6E
66.7%	66.7% #42075F	RGB 66 7 95	#42075F
83.3%	83.3% #330350	RGB 51 3 80	#330350
100.0%	100.0% #260042	RGB 38 0 66	#260042

#8C249B #781B8C #65137D #530C6E #42075F #330350 #260042

#8C249B - #530C6E - #260042

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C249B 0%, #530C6E 50%, #260042 100%);
    background: -webkit-linear-gradient(top, #8C249B 0%, #530C6E 50%, #260042 100%);
    background: linear-gradient(to bottom, #8C249B 0%, #530C6E 50%, #260042 100%);
}
</style>