#FBAFA0 - #EA5E49 | 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 #FBAFA0 to #EA5E49

#FBAFA0 #EA5E49

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

#FBAFA0 - #EA5E49 | 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 #FBAFA0 as 0% and #EA5E49 as 100%.

0.0%	0.0% #FBAFA0	RGB 251 175 160	#FBAFA0
16.7%	16.7% #F8A191	RGB 248 161 145	#F8A191
33.3%	33.3% #F59483	RGB 245 148 131	#F59483
50.0%	50.0% #F28674	RGB 242 134 116	#F28674
66.7%	66.7% #EF7966	RGB 239 121 102	#EF7966
83.3%	83.3% #EC6B57	RGB 236 107 87	#EC6B57
100.0%	100.0% #EA5E49	RGB 234 94 73	#EA5E49

#FBAFA0 #F8A191 #F59483 #F28674 #EF7966 #EC6B57 #EA5E49

#FBAFA0 - #EA5E49

HSV Blend

#FBAFA0 - #EA5E49 | 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 #FBAFA0 as 0% and #EA5E49 as 100%.

0.0%	0.0% #FBAFA0	RGB 251 175 160	#FBAFA0
16.7%	16.7% #F8A190	RGB 248 161 144	#F8A190
33.3%	33.3% #F59381	RGB 245 147 129	#F59381
50.0%	50.0% #F28573	RGB 242 133 115	#F28573
66.7%	66.7% #EF7864	RGB 239 120 100	#EF7864
83.3%	83.3% #EC6B56	RGB 236 107 86	#EC6B56
100.0%	100.0% #EA5E49	RGB 234 94 73	#EA5E49

#FBAFA0 #F8A190 #F59381 #F28573 #EF7864 #EC6B56 #EA5E49

#FBAFA0 - #F28573 - #EA5E49

CSS codes

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

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