#FFAF6B - #F0EB94 | 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 #FFAF6B to #F0EB94

#FFAF6B #F0EB94

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

#FFAF6B - #F0EB94 | 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 #FFAF6B as 0% and #F0EB94 as 100%.

0.0%	0.0% #FFAF6B	RGB 255 175 107	#FFAF6B
16.7%	16.7% #FCB971	RGB 252 185 113	#FCB971
33.3%	33.3% #FAC378	RGB 250 195 120	#FAC378
50.0%	50.0% #F7CD7F	RGB 247 205 127	#F7CD7F
66.7%	66.7% #F5D786	RGB 245 215 134	#F5D786
83.3%	83.3% #F2E18D	RGB 242 225 141	#F2E18D
100.0%	100.0% #F0EB94	RGB 240 235 148	#F0EB94

#FFAF6B #FCB971 #FAC378 #F7CD7F #F5D786 #F2E18D #F0EB94

#FFAF6B - #F0EB94

HSV Blend

#FFAF6B - #F0EB94 | 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 #FFAF6B as 0% and #F0EB94 as 100%.

0.0%	0.0% #FFAF6B	RGB 255 175 107	#FFAF6B
16.7%	16.7% #FCBC72	RGB 252 188 114	#FCBC72
33.3%	33.3% #FAC979	RGB 250 201 121	#FAC979
50.0%	50.0% #F7D480	RGB 247 212 128	#F7D480
66.7%	66.7% #F5DD86	RGB 245 221 134	#F5DD86
83.3%	83.3% #F2E48D	RGB 242 228 141	#F2E48D
100.0%	100.0% #F0EB94	RGB 240 235 148	#F0EB94

#FFAF6B #FCBC72 #FAC979 #F7D480 #F5DD86 #F2E48D #F0EB94

#FFAF6B - #F7D480 - #F0EB94

CSS codes

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

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