#EF9F9F - #DA4949 | 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 #EF9F9F to #DA4949

#EF9F9F #DA4949

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

#EF9F9F - #DA4949 | 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 #EF9F9F as 0% and #DA4949 as 100%.

0.0%	0.0% #EF9F9F	RGB 239 159 159	#EF9F9F
16.7%	16.7% #EB9090	RGB 235 144 144	#EB9090
33.3%	33.3% #E88282	RGB 232 130 130	#E88282
50.0%	50.0% #E47474	RGB 228 116 116	#E47474
66.7%	66.7% #E16565	RGB 225 101 101	#E16565
83.3%	83.3% #DD5757	RGB 221 87 87	#DD5757
100.0%	100.0% #DA4949	RGB 218 73 73	#DA4949

#EF9F9F #EB9090 #E88282 #E47474 #E16565 #DD5757 #DA4949

#EF9F9F - #DA4949

HSV Blend

#EF9F9F - #DA4949 | 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 #EF9F9F as 0% and #DA4949 as 100%.

0.0%	0.0% #EF9F9F	RGB 239 159 159	#EF9F9F
16.7%	16.7% #EB8F8F	RGB 235 143 143	#EB8F8F
33.3%	33.3% #E88080	RGB 232 128 128	#E88080
50.0%	50.0% #E47272	RGB 228 114 114	#E47272
66.7%	66.7% #E16464	RGB 225 100 100	#E16464
83.3%	83.3% #DD5656	RGB 221 86 86	#DD5656
100.0%	100.0% #DA4949	RGB 218 73 73	#DA4949

#EF9F9F #EB8F8F #E88080 #E47272 #E16464 #DD5656 #DA4949

#EF9F9F - #E47272 - #DA4949

CSS codes

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

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