#DB503B - #FFA34D | 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 #DB503B to #FFA34D

#DB503B #FFA34D

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

#DB503B - #FFA34D | 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 #DB503B as 0% and #FFA34D as 100%.

0.0%	0.0% #DB503B	RGB 219 80 59	#DB503B
16.7%	16.7% #E15D3E	RGB 225 93 62	#E15D3E
33.3%	33.3% #E76B41	RGB 231 107 65	#E76B41
50.0%	50.0% #ED7944	RGB 237 121 68	#ED7944
66.7%	66.7% #F38747	RGB 243 135 71	#F38747
83.3%	83.3% #F9954A	RGB 249 149 74	#F9954A
100.0%	100.0% #FFA34D	RGB 255 163 77	#FFA34D

#DB503B #E15D3E #E76B41 #ED7944 #F38747 #F9954A #FFA34D

#DB503B - #FFA34D

HSV Blend

#DB503B - #FFA34D | 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 #DB503B as 0% and #FFA34D as 100%.

0.0%	0.0% #DB503B	RGB 219 80 59	#DB503B
16.7%	16.7% #E15C3D	RGB 225 92 61	#E15C3D
33.3%	33.3% #E76A40	RGB 231 106 64	#E76A40
50.0%	50.0% #ED7743	RGB 237 119 67	#ED7743
66.7%	66.7% #F38546	RGB 243 133 70	#F38546
83.3%	83.3% #F99449	RGB 249 148 73	#F99449
100.0%	100.0% #FFA34D	RGB 255 163 77	#FFA34D

#DB503B #E15C3D #E76A40 #ED7743 #F38546 #F99449 #FFA34D

#DB503B - #ED7743 - #FFA34D

CSS codes

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

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