#EF8C9F - #B72F51 | 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 #EF8C9F to #B72F51

#EF8C9F #B72F51

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

#EF8C9F - #B72F51 | 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 #EF8C9F as 0% and #B72F51 as 100%.

0.0%	0.0% #EF8C9F	RGB 239 140 159	#EF8C9F
16.7%	16.7% #E57C92	RGB 229 124 146	#E57C92
33.3%	33.3% #DC6D85	RGB 220 109 133	#DC6D85
50.0%	50.0% #D35D78	RGB 211 93 120	#D35D78
66.7%	66.7% #C94E6B	RGB 201 78 107	#C94E6B
83.3%	83.3% #C03E5E	RGB 192 62 94	#C03E5E
100.0%	100.0% #B72F51	RGB 183 47 81	#B72F51

#EF8C9F #E57C92 #DC6D85 #D35D78 #C94E6B #C03E5E #B72F51

#EF8C9F - #B72F51

HSV Blend

#EF8C9F - #B72F51 | 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 #EF8C9F as 0% and #B72F51 as 100%.

0.0%	0.0% #EF8C9F	RGB 239 140 159	#EF8C9F
16.7%	16.7% #E5798F	RGB 229 121 143	#E5798F
33.3%	33.3% #DC6881	RGB 220 104 129	#DC6881
50.0%	50.0% #D35873	RGB 211 88 115	#D35873
66.7%	66.7% #C94967	RGB 201 73 103	#C94967
83.3%	83.3% #C03B5B	RGB 192 59 91	#C03B5B
100.0%	100.0% #B72F51	RGB 183 47 81	#B72F51

#EF8C9F #E5798F #DC6881 #D35873 #C94967 #C03B5B #B72F51

#EF8C9F - #D35873 - #B72F51

CSS codes

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

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