#C76DB1 - #A0248D | 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 #C76DB1 to #A0248D

#C76DB1 #A0248D

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

#C76DB1 - #A0248D | 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 #C76DB1 as 0% and #A0248D as 100%.

0.0%	0.0% #C76DB1	RGB 199 109 177	#C76DB1
16.7%	16.7% #C060AB	RGB 192 96 171	#C060AB
33.3%	33.3% #BA54A5	RGB 186 84 165	#BA54A5
50.0%	50.0% #B3489F	RGB 179 72 159	#B3489F
66.7%	66.7% #AD3C99	RGB 173 60 153	#AD3C99
83.3%	83.3% #A63093	RGB 166 48 147	#A63093
100.0%	100.0% #A0248D	RGB 160 36 141	#A0248D

#C76DB1 #C060AB #BA54A5 #B3489F #AD3C99 #A63093 #A0248D

#C76DB1 - #A0248D

HSV Blend

#C76DB1 - #A0248D | 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 #C76DB1 as 0% and #A0248D as 100%.

0.0%	0.0% #C76DB1	RGB 199 109 177	#C76DB1
16.7%	16.7% #C05FAA	RGB 192 95 170	#C05FAA
33.3%	33.3% #BA51A3	RGB 186 81 163	#BA51A3
50.0%	50.0% #B3459D	RGB 179 69 157	#B3459D
66.7%	66.7% #AD3997	RGB 173 57 151	#AD3997
83.3%	83.3% #A62E92	RGB 166 46 146	#A62E92
100.0%	100.0% #A0248D	RGB 160 36 141	#A0248D

#C76DB1 #C05FAA #BA51A3 #B3459D #AD3997 #A62E92 #A0248D

#C76DB1 - #B3459D - #A0248D

CSS codes

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

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