#C63ECC - #500082 | 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 #C63ECC to #500082

#C63ECC #500082

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

#C63ECC - #500082 | 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 #C63ECC as 0% and #500082 as 100%.

0.0%	0.0% #C63ECC	RGB 198 62 204	#C63ECC
16.7%	16.7% #B233BF	RGB 178 51 191	#B233BF
33.3%	33.3% #9E29B3	RGB 158 41 179	#9E29B3
50.0%	50.0% #8B1FA7	RGB 139 31 167	#8B1FA7
66.7%	66.7% #77149A	RGB 119 20 154	#77149A
83.3%	83.3% #630A8E	RGB 99 10 142	#630A8E
100.0%	100.0% #500082	RGB 80 0 130	#500082

#C63ECC #B233BF #9E29B3 #8B1FA7 #77149A #630A8E #500082

#C63ECC - #500082

HSV Blend

#C63ECC - #500082 | 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 #C63ECC as 0% and #500082 as 100%.

0.0%	0.0% #C63ECC	RGB 198 62 204	#C63ECC
16.7%	16.7% #B130BF	RGB 177 48 191	#B130BF
33.3%	33.3% #9C24B3	RGB 156 36 179	#9C24B3
50.0%	50.0% #8819A7	RGB 136 25 167	#8819A7
66.7%	66.7% #750F9A	RGB 117 15 154	#750F9A
83.3%	83.3% #62078E	RGB 98 7 142	#62078E
100.0%	100.0% #500082	RGB 80 0 130	#500082

#C63ECC #B130BF #9C24B3 #8819A7 #750F9A #62078E #500082

#C63ECC - #8819A7 - #500082

CSS codes

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

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