#DC2511 - #FFA039 | 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 #DC2511 to #FFA039

#DC2511 #FFA039

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

#DC2511 - #FFA039 | 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 #DC2511 as 0% and #FFA039 as 100%.

0.0%	0.0% #DC2511	RGB 220 37 17	#DC2511
16.7%	16.7% #E13917	RGB 225 57 23	#E13917
33.3%	33.3% #E74E1E	RGB 231 78 30	#E74E1E
50.0%	50.0% #ED6225	RGB 237 98 37	#ED6225
66.7%	66.7% #F3772B	RGB 243 119 43	#F3772B
83.3%	83.3% #F98B32	RGB 249 139 50	#F98B32
100.0%	100.0% #FFA039	RGB 255 160 57	#FFA039

#DC2511 #E13917 #E74E1E #ED6225 #F3772B #F98B32 #FFA039

#DC2511 - #FFA039

HSV Blend

#DC2511 - #FFA039 | 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 #DC2511 as 0% and #FFA039 as 100%.

0.0%	0.0% #DC2410	RGB 220 36 16	#DC2410
16.7%	16.7% #E13916	RGB 225 57 22	#E13916
33.3%	33.3% #E74D1D	RGB 231 77 29	#E74D1D
50.0%	50.0% #ED6223	RGB 237 98 35	#ED6223
66.7%	66.7% #F3762A	RGB 243 118 42	#F3762A
83.3%	83.3% #F98B31	RGB 249 139 49	#F98B31
100.0%	100.0% #FFA039	RGB 255 160 57	#FFA039

#DC2410 #E13916 #E74D1D #ED6223 #F3762A #F98B31 #FFA039

#DC2511 - #ED6223 - #FFA039

CSS codes

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

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