#804567 - #C86BE2 | 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 #804567 to #C86BE2

#804567 #C86BE2

Calculate the color between two colors, #804567 and #C86BE2. 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)

#804567 - #C86BE2 | 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 #804567 as 0% and #C86BE2 as 100%.

0.0%	0.0% #804567	RGB 128 69 103	#804567
16.7%	16.7% #8C4B7B	RGB 140 75 123	#8C4B7B
33.3%	33.3% #985190	RGB 152 81 144	#985190
50.0%	50.0% #A458A4	RGB 164 88 164	#A458A4
66.7%	66.7% #B05EB9	RGB 176 94 185	#B05EB9
83.3%	83.3% #BC64CD	RGB 188 100 205	#BC64CD
100.0%	100.0% #C86BE2	RGB 200 107 226	#C86BE2

#804567 #8C4B7B #985190 #A458A4 #B05EB9 #BC64CD #C86BE2

#804567 - #C86BE2

HSV Blend

#804567 - #C86BE2 | 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 #804567 as 0% and #C86BE2 as 100%.

0.0%	0.0% #804567	RGB 128 69 103	#804567
16.7%	16.7% #904C7A	RGB 144 76 122	#904C7A
33.3%	33.3% #A05390	RGB 160 83 144	#A05390
50.0%	50.0% #B159A8	RGB 177 89 168	#B159A8
66.7%	66.7% #C05FC1	RGB 192 95 193	#C05FC1
83.3%	83.3% #C565D1	RGB 197 101 209	#C565D1
100.0%	100.0% #C86BE2	RGB 200 107 226	#C86BE2

#804567 #904C7A #A05390 #B159A8 #C05FC1 #C565D1 #C86BE2

#804567 - #B159A8 - #C86BE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #804567 0%, #B159A8 50%, #C86BE2 100%);
    background: -webkit-linear-gradient(top, #804567 0%, #B159A8 50%, #C86BE2 100%);
    background: linear-gradient(to bottom, #804567 0%, #B159A8 50%, #C86BE2 100%);
}
</style>