#ED663B - #B82A0E | 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 #ED663B to #B82A0E

#ED663B #B82A0E

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

#ED663B - #B82A0E | 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 #ED663B as 0% and #B82A0E as 100%.

0.0%	0.0% #ED663B	RGB 237 102 59	#ED663B
16.7%	16.7% #E45C33	RGB 228 92 51	#E45C33
33.3%	33.3% #DB522C	RGB 219 82 44	#DB522C
50.0%	50.0% #D24824	RGB 210 72 36	#D24824
66.7%	66.7% #C93E1D	RGB 201 62 29	#C93E1D
83.3%	83.3% #C03415	RGB 192 52 21	#C03415
100.0%	100.0% #B82A0E	RGB 184 42 14	#B82A0E

#ED663B #E45C33 #DB522C #D24824 #C93E1D #C03415 #B82A0E

#ED663B - #B82A0E

HSV Blend

#ED663B - #B82A0E | 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 #ED663B as 0% and #B82A0E as 100%.

0.0%	0.0% #ED663B	RGB 237 102 59	#ED663B
16.7%	16.7% #E45A32	RGB 228 90 50	#E45A32
33.3%	33.3% #DB5029	RGB 219 80 41	#DB5029
50.0%	50.0% #D24622	RGB 210 70 34	#D24622
66.7%	66.7% #C93C1A	RGB 201 60 26	#C93C1A
83.3%	83.3% #C03214	RGB 192 50 20	#C03214
100.0%	100.0% #B82A0E	RGB 184 42 14	#B82A0E

#ED663B #E45A32 #DB5029 #D24622 #C93C1A #C03214 #B82A0E

#ED663B - #D24622 - #B82A0E

CSS codes

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

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