#FDB26B - #DB8621 | 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 #FDB26B to #DB8621

#FDB26B #DB8621

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

#FDB26B - #DB8621 | 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 #FDB26B as 0% and #DB8621 as 100%.

0.0%	0.0% #FDB26B	RGB 253 178 107	#FDB26B
16.7%	16.7% #F7AA5E	RGB 247 170 94	#F7AA5E
33.3%	33.3% #F1A352	RGB 241 163 82	#F1A352
50.0%	50.0% #EC9C46	RGB 236 156 70	#EC9C46
66.7%	66.7% #E69439	RGB 230 148 57	#E69439
83.3%	83.3% #E08D2D	RGB 224 141 45	#E08D2D
100.0%	100.0% #DB8621	RGB 219 134 33	#DB8621

#FDB26B #F7AA5E #F1A352 #EC9C46 #E69439 #E08D2D #DB8621

#FDB26B - #DB8621

HSV Blend

#FDB26B - #DB8621 | 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 #FDB26B as 0% and #DB8621 as 100%.

0.0%	0.0% #FDB26B	RGB 253 178 107	#FDB26B
16.7%	16.7% #F7A95D	RGB 247 169 93	#F7A95D
33.3%	33.3% #F1A150	RGB 241 161 80	#F1A150
50.0%	50.0% #EC9A43	RGB 236 154 67	#EC9A43
66.7%	66.7% #E69337	RGB 230 147 55	#E69337
83.3%	83.3% #E08C2C	RGB 224 140 44	#E08C2C
100.0%	100.0% #DB8621	RGB 219 134 33	#DB8621

#FDB26B #F7A95D #F1A150 #EC9A43 #E69337 #E08C2C #DB8621

#FDB26B - #EC9A43 - #DB8621

CSS codes

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

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