#FDC26B - #D6871E | 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 #FDC26B to #D6871E

#FDC26B #D6871E

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

#FDC26B - #D6871E | 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 #FDC26B as 0% and #D6871E as 100%.

0.0%	0.0% #FDC26B	RGB 253 194 107	#FDC26B
16.7%	16.7% #F6B85E	RGB 246 184 94	#F6B85E
33.3%	33.3% #F0AE51	RGB 240 174 81	#F0AE51
50.0%	50.0% #E9A444	RGB 233 164 68	#E9A444
66.7%	66.7% #E39A37	RGB 227 154 55	#E39A37
83.3%	83.3% #DC902A	RGB 220 144 42	#DC902A
100.0%	100.0% #D6871E	RGB 214 135 30	#D6871E

#FDC26B #F6B85E #F0AE51 #E9A444 #E39A37 #DC902A #D6871E

#FDC26B - #D6871E

HSV Blend

#FDC26B - #D6871E | 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 #FDC26B as 0% and #D6871E as 100%.

0.0%	0.0% #FDC26B	RGB 253 194 107	#FDC26B
16.7%	16.7% #F6B75C	RGB 246 183 92	#F6B75C
33.3%	33.3% #F0AD4E	RGB 240 173 78	#F0AD4E
50.0%	50.0% #E9A341	RGB 233 163 65	#E9A341
66.7%	66.7% #E39935	RGB 227 153 53	#E39935
83.3%	83.3% #DC9029	RGB 220 144 41	#DC9029
100.0%	100.0% #D6871E	RGB 214 135 30	#D6871E

#FDC26B #F6B75C #F0AD4E #E9A341 #E39935 #DC9029 #D6871E

#FDC26B - #E9A341 - #D6871E

CSS codes

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

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