#C57BC1 - #901B7E | 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 #C57BC1 to #901B7E

#C57BC1 #901B7E

Calculate the color between two colors, #C57BC1 and #901B7E. 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)

#C57BC1 - #901B7E | 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 #C57BC1 as 0% and #901B7E as 100%.

0.0%	0.0% #C57BC1	RGB 197 123 193	#C57BC1
16.7%	16.7% #BC6BB5	RGB 188 107 181	#BC6BB5
33.3%	33.3% #B35BAA	RGB 179 91 170	#B35BAA
50.0%	50.0% #AA4B9F	RGB 170 75 159	#AA4B9F
66.7%	66.7% #A13B94	RGB 161 59 148	#A13B94
83.3%	83.3% #982B89	RGB 152 43 137	#982B89
100.0%	100.0% #901B7E	RGB 144 27 126	#901B7E

#C57BC1 #BC6BB5 #B35BAA #AA4B9F #A13B94 #982B89 #901B7E

#C57BC1 - #901B7E

HSV Blend

#C57BC1 - #901B7E | 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 #C57BC1 as 0% and #901B7E as 100%.

0.0%	0.0% #C57BC1	RGB 197 123 193	#C57BC1
16.7%	16.7% #BC67B6	RGB 188 103 182	#BC67B6
33.3%	33.3% #B355AB	RGB 179 85 171	#B355AB
50.0%	50.0% #AA459F	RGB 170 69 159	#AA459F
66.7%	66.7% #A13594	RGB 161 53 148	#A13594
83.3%	83.3% #982789	RGB 152 39 137	#982789
100.0%	100.0% #901B7E	RGB 144 27 126	#901B7E

#C57BC1 #BC67B6 #B355AB #AA459F #A13594 #982789 #901B7E

#C57BC1 - #AA459F - #901B7E

CSS codes

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

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