#FC5E6F - #B0102E | 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 #FC5E6F to #B0102E

#FC5E6F #B0102E

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

#FC5E6F - #B0102E | 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 #FC5E6F as 0% and #B0102E as 100%.

0.0%	0.0% #FC5E6F	RGB 252 94 111	#FC5E6F
16.7%	16.7% #EF5164	RGB 239 81 100	#EF5164
33.3%	33.3% #E24459	RGB 226 68 89	#E24459
50.0%	50.0% #D6374E	RGB 214 55 78	#D6374E
66.7%	66.7% #C92A43	RGB 201 42 67	#C92A43
83.3%	83.3% #BC1D38	RGB 188 29 56	#BC1D38
100.0%	100.0% #B0102E	RGB 176 16 46	#B0102E

#FC5E6F #EF5164 #E24459 #D6374E #C92A43 #BC1D38 #B0102E

#FC5E6F - #B0102E

HSV Blend

#FC5E6F - #B0102E | 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 #FC5E6F as 0% and #B0102E as 100%.

0.0%	0.0% #FC5E6E	RGB 252 94 110	#FC5E6E
16.7%	16.7% #EF4E61	RGB 239 78 97	#EF4E61
33.3%	33.3% #E23F55	RGB 226 63 85	#E23F55
50.0%	50.0% #D63149	RGB 214 49 73	#D63149
66.7%	66.7% #C9253F	RGB 201 37 63	#C9253F
83.3%	83.3% #BC1A36	RGB 188 26 54	#BC1A36
100.0%	100.0% #B0102E	RGB 176 16 46	#B0102E

#FC5E6E #EF4E61 #E23F55 #D63149 #C9253F #BC1A36 #B0102E

#FC5E6F - #D63149 - #B0102E

CSS codes

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

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