#FC6B7E - #E4204E | 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 #FC6B7E to #E4204E

#FC6B7E #E4204E

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

#FC6B7E - #E4204E | 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 #FC6B7E as 0% and #E4204E as 100%.

0.0%	0.0% #FC6B7E	RGB 252 107 126	#FC6B7E
16.7%	16.7% #F85E76	RGB 248 94 118	#F85E76
33.3%	33.3% #F4526E	RGB 244 82 110	#F4526E
50.0%	50.0% #F04566	RGB 240 69 102	#F04566
66.7%	66.7% #EC395E	RGB 236 57 94	#EC395E
83.3%	83.3% #E82C56	RGB 232 44 86	#E82C56
100.0%	100.0% #E4204E	RGB 228 32 78	#E4204E

#FC6B7E #F85E76 #F4526E #F04566 #EC395E #E82C56 #E4204E

#FC6B7E - #E4204E

HSV Blend

#FC6B7E - #E4204E | 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 #FC6B7E as 0% and #E4204E as 100%.

0.0%	0.0% #FC6B7E	RGB 252 107 126	#FC6B7E
16.7%	16.7% #F85D74	RGB 248 93 116	#F85D74
33.3%	33.3% #F4506B	RGB 244 80 107	#F4506B
50.0%	50.0% #F04363	RGB 240 67 99	#F04363
66.7%	66.7% #EC375B	RGB 236 55 91	#EC375B
83.3%	83.3% #E82B54	RGB 232 43 84	#E82B54
100.0%	100.0% #E4204E	RGB 228 32 78	#E4204E

#FC6B7E #F85D74 #F4506B #F04363 #EC375B #E82B54 #E4204E

#FC6B7E - #F04363 - #E4204E

CSS codes

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

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