#FECC8C - #EB9138 | 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 #FECC8C to #EB9138

#FECC8C #EB9138

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

#FECC8C - #EB9138 | 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 #FECC8C as 0% and #EB9138 as 100%.

0.0%	0.0% #FECC8C	RGB 254 204 140	#FECC8C
16.7%	16.7% #FAC27E	RGB 250 194 126	#FAC27E
33.3%	33.3% #F7B870	RGB 247 184 112	#F7B870
50.0%	50.0% #F4AE62	RGB 244 174 98	#F4AE62
66.7%	66.7% #F1A454	RGB 241 164 84	#F1A454
83.3%	83.3% #EE9A46	RGB 238 154 70	#EE9A46
100.0%	100.0% #EB9138	RGB 235 145 56	#EB9138

#FECC8C #FAC27E #F7B870 #F4AE62 #F1A454 #EE9A46 #EB9138

#FECC8C - #EB9138

HSV Blend

#FECC8C - #EB9138 | 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 #FECC8C as 0% and #EB9138 as 100%.

0.0%	0.0% #FECC8C	RGB 254 204 140	#FECC8C
16.7%	16.7% #FAC27D	RGB 250 194 125	#FAC27D
33.3%	33.3% #F7B86E	RGB 247 184 110	#F7B86E
50.0%	50.0% #F4AE60	RGB 244 174 96	#F4AE60
66.7%	66.7% #F1A452	RGB 241 164 82	#F1A452
83.3%	83.3% #EE9B45	RGB 238 155 69	#EE9B45
100.0%	100.0% #EB9138	RGB 235 145 56	#EB9138

#FECC8C #FAC27D #F7B86E #F4AE60 #F1A452 #EE9B45 #EB9138

#FECC8C - #F4AE60 - #EB9138

CSS codes

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

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