#FD5E92 - #B70048 | 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 #FD5E92 to #B70048

#FD5E92 #B70048

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

#FD5E92 - #B70048 | 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 #FD5E92 as 0% and #B70048 as 100%.

0.0%	0.0% #FD5E92	RGB 253 94 146	#FD5E92
16.7%	16.7% #F14E85	RGB 241 78 133	#F14E85
33.3%	33.3% #E53E79	RGB 229 62 121	#E53E79
50.0%	50.0% #DA2F6D	RGB 218 47 109	#DA2F6D
66.7%	66.7% #CE1F60	RGB 206 31 96	#CE1F60
83.3%	83.3% #C20F54	RGB 194 15 84	#C20F54
100.0%	100.0% #B70048	RGB 183 0 72	#B70048

#FD5E92 #F14E85 #E53E79 #DA2F6D #CE1F60 #C20F54 #B70048

#FD5E92 - #B70048

HSV Blend

#FD5E92 - #B70048 | 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 #FD5E92 as 0% and #B70048 as 100%.

0.0%	0.0% #FD5E91	RGB 253 94 145	#FD5E91
16.7%	16.7% #F14A83	RGB 241 74 131	#F14A83
33.3%	33.3% #E53875	RGB 229 56 117	#E53875
50.0%	50.0% #DA2868	RGB 218 40 104	#DA2868
66.7%	66.7% #CE195C	RGB 206 25 92	#CE195C
83.3%	83.3% #C20C51	RGB 194 12 81	#C20C51
100.0%	100.0% #B70048	RGB 183 0 72	#B70048

#FD5E91 #F14A83 #E53875 #DA2868 #CE195C #C20C51 #B70048

#FD5E92 - #DA2868 - #B70048

CSS codes

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

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