#C0258B - #FF2A6B | 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 #FF2A6B

#C0258B #FF2A6B

Calculate the color between two colors, #C0258B and #FF2A6B. 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 - #FF2A6B | 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 #FF2A6B as 100%.

0.0%	0.0% #C0258B	RGB 192 37 139	#C0258B
16.7%	16.7% #CA2585	RGB 202 37 133	#CA2585
33.3%	33.3% #D52680	RGB 213 38 128	#D52680
50.0%	50.0% #DF277B	RGB 223 39 123	#DF277B
66.7%	66.7% #EA2875	RGB 234 40 117	#EA2875
83.3%	83.3% #F42970	RGB 244 41 112	#F42970
100.0%	100.0% #FF2A6B	RGB 255 42 107	#FF2A6B

#C0258B #CA2585 #D52680 #DF277B #EA2875 #F42970 #FF2A6B

#C0258B - #FF2A6B

HSV Blend

#C0258B - #FF2A6B | 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 #FF2A6B as 100%.

0.0%	0.0% #C0258B	RGB 192 37 139	#C0258B
16.7%	16.7% #CA2688	RGB 202 38 136	#CA2688
33.3%	33.3% #D52785	RGB 213 39 133	#D52785
50.0%	50.0% #DF2780	RGB 223 39 128	#DF2780
66.7%	66.7% #EA287A	RGB 234 40 122	#EA287A
83.3%	83.3% #F42973	RGB 244 41 115	#F42973
100.0%	100.0% #FF2A6B	RGB 255 42 107	#FF2A6B

#C0258B #CA2688 #D52785 #DF2780 #EA287A #F42973 #FF2A6B

#C0258B - #DF2780 - #FF2A6B

CSS codes

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

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