#FFC06B - #EB8420 | 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 #FFC06B to #EB8420

#FFC06B #EB8420

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

#FFC06B - #EB8420 | 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 #FFC06B as 0% and #EB8420 as 100%.

0.0%	0.0% #FFC06B	RGB 255 192 107	#FFC06B
16.7%	16.7% #FBB65E	RGB 251 182 94	#FBB65E
33.3%	33.3% #F8AC52	RGB 248 172 82	#F8AC52
50.0%	50.0% #F5A245	RGB 245 162 69	#F5A245
66.7%	66.7% #F19839	RGB 241 152 57	#F19839
83.3%	83.3% #EE8E2C	RGB 238 142 44	#EE8E2C
100.0%	100.0% #EB8420	RGB 235 132 32	#EB8420

#FFC06B #FBB65E #F8AC52 #F5A245 #F19839 #EE8E2C #EB8420

#FFC06B - #EB8420

HSV Blend

#FFC06B - #EB8420 | 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 #FFC06B as 0% and #EB8420 as 100%.

0.0%	0.0% #FFC06B	RGB 255 192 107	#FFC06B
16.7%	16.7% #FBB65D	RGB 251 182 93	#FBB65D
33.3%	33.3% #F8AC50	RGB 248 172 80	#F8AC50
50.0%	50.0% #F5A244	RGB 245 162 68	#F5A244
66.7%	66.7% #F19837	RGB 241 152 55	#F19837
83.3%	83.3% #EE8E2B	RGB 238 142 43	#EE8E2B
100.0%	100.0% #EB8420	RGB 235 132 32	#EB8420

#FFC06B #FBB65D #F8AC50 #F5A244 #F19837 #EE8E2B #EB8420

#FFC06B - #F5A244 - #EB8420

CSS codes

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

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