#FF979C - #EC3F51 | 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 #FF979C to #EC3F51

#FF979C #EC3F51

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

#FF979C - #EC3F51 | 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 #FF979C as 0% and #EC3F51 as 100%.

0.0%	0.0% #FF979C	RGB 255 151 156	#FF979C
16.7%	16.7% #FB888F	RGB 251 136 143	#FB888F
33.3%	33.3% #F87983	RGB 248 121 131	#F87983
50.0%	50.0% #F56B76	RGB 245 107 118	#F56B76
66.7%	66.7% #F25C6A	RGB 242 92 106	#F25C6A
83.3%	83.3% #EF4D5D	RGB 239 77 93	#EF4D5D
100.0%	100.0% #EC3F51	RGB 236 63 81	#EC3F51

#FF979C #FB888F #F87983 #F56B76 #F25C6A #EF4D5D #EC3F51

#FF979C - #EC3F51

HSV Blend

#FF979C - #EC3F51 | 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 #FF979C as 0% and #EC3F51 as 100%.

0.0%	0.0% #FF979C	RGB 255 151 156	#FF979C
16.7%	16.7% #FB878E	RGB 251 135 142	#FB878E
33.3%	33.3% #F87880	RGB 248 120 128	#F87880
50.0%	50.0% #F56974	RGB 245 105 116	#F56974
66.7%	66.7% #F25A67	RGB 242 90 103	#F25A67
83.3%	83.3% #EF4C5C	RGB 239 76 92	#EF4C5C
100.0%	100.0% #EC3F51	RGB 236 63 81	#EC3F51

#FF979C #FB878E #F87880 #F56974 #F25A67 #EF4C5C #EC3F51

#FF979C - #F56974 - #EC3F51

CSS codes

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

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