#C54CC1 - #8C1483 | 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 #C54CC1 to #8C1483

#C54CC1 #8C1483

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

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

0.0%	0.0% #C54CC1	RGB 197 76 193	#C54CC1
16.7%	16.7% #BB42B6	RGB 187 66 182	#BB42B6
33.3%	33.3% #B239AC	RGB 178 57 172	#B239AC
50.0%	50.0% #A830A2	RGB 168 48 162	#A830A2
66.7%	66.7% #9F2697	RGB 159 38 151	#9F2697
83.3%	83.3% #951D8D	RGB 149 29 141	#951D8D
100.0%	100.0% #8C1483	RGB 140 20 131	#8C1483

#C54CC1 #BB42B6 #B239AC #A830A2 #9F2697 #951D8D #8C1483

#C54CC1 - #8C1483

HSV Blend

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

0.0%	0.0% #C54CC1	RGB 197 76 193	#C54CC1
16.7%	16.7% #BB40B6	RGB 187 64 182	#BB40B6
33.3%	33.3% #B236AC	RGB 178 54 172	#B236AC
50.0%	50.0% #A82CA1	RGB 168 44 161	#A82CA1
66.7%	66.7% #9F2397	RGB 159 35 151	#9F2397
83.3%	83.3% #951B8D	RGB 149 27 141	#951B8D
100.0%	100.0% #8C1483	RGB 140 20 131	#8C1483

#C54CC1 #BB40B6 #B236AC #A82CA1 #9F2397 #951B8D #8C1483

#C54CC1 - #A82CA1 - #8C1483

CSS codes

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

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