#C84AB2 - #850062 | 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 #C84AB2 to #850062

#C84AB2 #850062

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

#C84AB2 - #850062 | 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 #C84AB2 as 0% and #850062 as 100%.

0.0%	0.0% #C84AB2	RGB 200 74 178	#C84AB2
16.7%	16.7% #BC3DA4	RGB 188 61 164	#BC3DA4
33.3%	33.3% #B13197	RGB 177 49 151	#B13197
50.0%	50.0% #A6258A	RGB 166 37 138	#A6258A
66.7%	66.7% #9B187C	RGB 155 24 124	#9B187C
83.3%	83.3% #900C6F	RGB 144 12 111	#900C6F
100.0%	100.0% #850062	RGB 133 0 98	#850062

#C84AB2 #BC3DA4 #B13197 #A6258A #9B187C #900C6F #850062

#C84AB2 - #850062

HSV Blend

#C84AB2 - #850062 | 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 #C84AB2 as 0% and #850062 as 100%.

0.0%	0.0% #C84AB2	RGB 200 74 178	#C84AB2
16.7%	16.7% #BC3AA4	RGB 188 58 164	#BC3AA4
33.3%	33.3% #B12B96	RGB 177 43 150	#B12B96
50.0%	50.0% #A61E88	RGB 166 30 136	#A61E88
66.7%	66.7% #9B137B	RGB 155 19 123	#9B137B
83.3%	83.3% #90086E	RGB 144 8 110	#90086E
100.0%	100.0% #850062	RGB 133 0 98	#850062

#C84AB2 #BC3AA4 #B12B96 #A61E88 #9B137B #90086E #850062

#C84AB2 - #A61E88 - #850062

CSS codes

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

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