#FFAF9D - #EF5E46 | 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 #FFAF9D to #EF5E46

#FFAF9D #EF5E46

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

#FFAF9D - #EF5E46 | 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 #FFAF9D as 0% and #EF5E46 as 100%.

0.0%	0.0% #FFAF9D	RGB 255 175 157	#FFAF9D
16.7%	16.7% #FCA18E	RGB 252 161 142	#FCA18E
33.3%	33.3% #F99480	RGB 249 148 128	#F99480
50.0%	50.0% #F78671	RGB 247 134 113	#F78671
66.7%	66.7% #F47963	RGB 244 121 99	#F47963
83.3%	83.3% #F16B54	RGB 241 107 84	#F16B54
100.0%	100.0% #EF5E46	RGB 239 94 70	#EF5E46

#FFAF9D #FCA18E #F99480 #F78671 #F47963 #F16B54 #EF5E46

#FFAF9D - #EF5E46

HSV Blend

#FFAF9D - #EF5E46 | 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 #FFAF9D as 0% and #EF5E46 as 100%.

0.0%	0.0% #FFAF9D	RGB 255 175 157	#FFAF9D
16.7%	16.7% #FCA18D	RGB 252 161 141	#FCA18D
33.3%	33.3% #F9937E	RGB 249 147 126	#F9937E
50.0%	50.0% #F78670	RGB 247 134 112	#F78670
66.7%	66.7% #F47861	RGB 244 120 97	#F47861
83.3%	83.3% #F16B53	RGB 241 107 83	#F16B53
100.0%	100.0% #EF5E46	RGB 239 94 70	#EF5E46

#FFAF9D #FCA18D #F9937E #F78670 #F47861 #F16B53 #EF5E46

#FFAF9D - #F78670 - #EF5E46

CSS codes

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

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