#C458C0 - #8A0071 | 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 #C458C0 to #8A0071

#C458C0 #8A0071

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

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

0.0%	0.0% #C458C0	RGB 196 88 192	#C458C0
16.7%	16.7% #BA49B2	RGB 186 73 178	#BA49B2
33.3%	33.3% #B03AA5	RGB 176 58 165	#B03AA5
50.0%	50.0% #A72C98	RGB 167 44 152	#A72C98
66.7%	66.7% #9D1D8B	RGB 157 29 139	#9D1D8B
83.3%	83.3% #930E7E	RGB 147 14 126	#930E7E
100.0%	100.0% #8A0071	RGB 138 0 113	#8A0071

#C458C0 #BA49B2 #B03AA5 #A72C98 #9D1D8B #930E7E #8A0071

#C458C0 - #8A0071

HSV Blend

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

0.0%	0.0% #C458C0	RGB 196 88 192	#C458C0
16.7%	16.7% #BA45B3	RGB 186 69 179	#BA45B3
33.3%	33.3% #B034A6	RGB 176 52 166	#B034A6
50.0%	50.0% #A72598	RGB 167 37 152	#A72598
66.7%	66.7% #9D178B	RGB 157 23 139	#9D178B
83.3%	83.3% #930B7E	RGB 147 11 126	#930B7E
100.0%	100.0% #8A0071	RGB 138 0 113	#8A0071

#C458C0 #BA45B3 #B034A6 #A72598 #9D178B #930B7E #8A0071

#C458C0 - #A72598 - #8A0071

CSS codes

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

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