#FFA07A - #F2E9A2 | 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 #FFA07A to #F2E9A2

#FFA07A #F2E9A2

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

#FFA07A - #F2E9A2 | 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 #FFA07A as 0% and #F2E9A2 as 100%.

0.0%	0.0% #FFA07A	RGB 255 160 122	#FFA07A
16.7%	16.7% #FCAC80	RGB 252 172 128	#FCAC80
33.3%	33.3% #FAB887	RGB 250 184 135	#FAB887
50.0%	50.0% #F8C48E	RGB 248 196 142	#F8C48E
66.7%	66.7% #F6D094	RGB 246 208 148	#F6D094
83.3%	83.3% #F4DC9B	RGB 244 220 155	#F4DC9B
100.0%	100.0% #F2E9A2	RGB 242 233 162	#F2E9A2

#FFA07A #FCAC80 #FAB887 #F8C48E #F6D094 #F4DC9B #F2E9A2

#FFA07A - #F2E9A2

HSV Blend

#FFA07A - #F2E9A2 | 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 #FFA07A as 0% and #F2E9A2 as 100%.

0.0%	0.0% #FFA07A	RGB 255 160 122	#FFA07A
16.7%	16.7% #FCB081	RGB 252 176 129	#FCB081
33.3%	33.3% #FABF87	RGB 250 191 135	#FABF87
50.0%	50.0% #F8CC8E	RGB 248 204 142	#F8CC8E
66.7%	66.7% #F6D795	RGB 246 215 149	#F6D795
83.3%	83.3% #F4E19B	RGB 244 225 155	#F4E19B
100.0%	100.0% #F2E9A2	RGB 242 233 162	#F2E9A2

#FFA07A #FCB081 #FABF87 #F8CC8E #F6D795 #F4E19B #F2E9A2

#FFA07A - #F8CC8E - #F2E9A2

CSS codes

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

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