#C0258B - #520C3D | 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 #C0258B to #520C3D

#C0258B #520C3D

Calculate the color between two colors, #C0258B and #520C3D. 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)

#C0258B - #520C3D | 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 #C0258B as 0% and #520C3D as 100%.

0.0%	0.0% #C0258B	RGB 192 37 139	#C0258B
16.7%	16.7% #AD207E	RGB 173 32 126	#AD207E
33.3%	33.3% #9B1C71	RGB 155 28 113	#9B1C71
50.0%	50.0% #891864	RGB 137 24 100	#891864
66.7%	66.7% #761457	RGB 118 20 87	#761457
83.3%	83.3% #64104A	RGB 100 16 74	#64104A
100.0%	100.0% #520C3D	RGB 82 12 61	#520C3D

#C0258B #AD207E #9B1C71 #891864 #761457 #64104A #520C3D

#C0258B - #520C3D

HSV Blend

#C0258B - #520C3D | 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 #C0258B as 0% and #520C3D as 100%.

0.0%	0.0% #C0258B	RGB 192 37 139	#C0258B
16.7%	16.7% #AD207E	RGB 173 32 126	#AD207E
33.3%	33.3% #9B1B71	RGB 155 27 113	#9B1B71
50.0%	50.0% #891764	RGB 137 23 100	#891764
66.7%	66.7% #761357	RGB 118 19 87	#761357
83.3%	83.3% #640F4A	RGB 100 15 74	#640F4A
100.0%	100.0% #520C3D	RGB 82 12 61	#520C3D

#C0258B #AD207E #9B1B71 #891764 #761357 #640F4A #520C3D

#C0258B - #891764 - #520C3D

CSS codes

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

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