#C75EB9 - #8D006A | 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 #C75EB9 to #8D006A

#C75EB9 #8D006A

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

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

0.0%	0.0% #C75EB9	RGB 199 94 185	#C75EB9
16.7%	16.7% #BD4EAB	RGB 189 78 171	#BD4EAB
33.3%	33.3% #B33E9E	RGB 179 62 158	#B33E9E
50.0%	50.0% #AA2F91	RGB 170 47 145	#AA2F91
66.7%	66.7% #A01F84	RGB 160 31 132	#A01F84
83.3%	83.3% #960F77	RGB 150 15 119	#960F77
100.0%	100.0% #8D006A	RGB 141 0 106	#8D006A

#C75EB9 #BD4EAB #B33E9E #AA2F91 #A01F84 #960F77 #8D006A

#C75EB9 - #8D006A

HSV Blend

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

0.0%	0.0% #C75EB8	RGB 199 94 184	#C75EB8
16.7%	16.7% #BD4AAB	RGB 189 74 171	#BD4AAB
33.3%	33.3% #B3389E	RGB 179 56 158	#B3389E
50.0%	50.0% #AA2891	RGB 170 40 145	#AA2891
66.7%	66.7% #A01983	RGB 160 25 131	#A01983
83.3%	83.3% #960B76	RGB 150 11 118	#960B76
100.0%	100.0% #8D006A	RGB 141 0 106	#8D006A

#C75EB8 #BD4AAB #B3389E #AA2891 #A01983 #960B76 #8D006A

#C75EB9 - #AA2891 - #8D006A

CSS codes

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

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