#C71032 - #FF5DFB | 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 #C71032 to #FF5DFB

#C71032 #FF5DFB

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

#C71032 - #FF5DFB | 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 #C71032 as 0% and #FF5DFB as 100%.

0.0%	0.0% #C71032	RGB 199 16 50	#C71032
16.7%	16.7% #D01C53	RGB 208 28 83	#D01C53
33.3%	33.3% #D92975	RGB 217 41 117	#D92975
50.0%	50.0% #E33696	RGB 227 54 150	#E33696
66.7%	66.7% #EC43B8	RGB 236 67 184	#EC43B8
83.3%	83.3% #F550D9	RGB 245 80 217	#F550D9
100.0%	100.0% #FF5DFB	RGB 255 93 251	#FF5DFB

#C71032 #D01C53 #D92975 #E33696 #EC43B8 #F550D9 #FF5DFB

#C71032 - #FF5DFB

HSV Blend

#C71032 - #FF5DFB | 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 #C71032 as 0% and #FF5DFB as 100%.

0.0%	0.0% #C71032	RGB 199 16 50	#C71032
16.7%	16.7% #D01A54	RGB 208 26 84	#D01A54
33.3%	33.3% #D92676	RGB 217 38 118	#D92676
50.0%	50.0% #E33298	RGB 227 50 152	#E33298
66.7%	66.7% #EC3FBA	RGB 236 63 186	#EC3FBA
83.3%	83.3% #F54DDB	RGB 245 77 219	#F54DDB
100.0%	100.0% #FF5DFB	RGB 255 93 251	#FF5DFB

#C71032 #D01A54 #D92676 #E33298 #EC3FBA #F54DDB #FF5DFB

#C71032 - #E33298 - #FF5DFB

CSS codes

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

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