#FF5000 - #FF72B8 | 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 #FF5000 to #FF72B8

#FF5000 #FF72B8

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

#FF5000 - #FF72B8 | 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 #FF5000 as 0% and #FF72B8 as 100%.

0.0%	0.0% #FF5000	RGB 255 80 0	#FF5000
16.7%	16.7% #FF551E	RGB 255 85 30	#FF551E
33.3%	33.3% #FF5B3D	RGB 255 91 61	#FF5B3D
50.0%	50.0% #FF615C	RGB 255 97 92	#FF615C
66.7%	66.7% #FF667A	RGB 255 102 122	#FF667A
83.3%	83.3% #FF6C99	RGB 255 108 153	#FF6C99
100.0%	100.0% #FF72B8	RGB 255 114 184	#FF72B8

#FF5000 #FF551E #FF5B3D #FF615C #FF667A #FF6C99 #FF72B8

#FF5000 - #FF72B8

HSV Blend

#FF5000 - #FF72B8 | 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 #FF5000 as 0% and #FF72B8 as 100%.

0.0%	0.0% #FF5000	RGB 255 80 0	#FF5000
16.7%	16.7% #FF3D12	RGB 255 61 18	#FF3D12
33.3%	33.3% #FF2F25	RGB 255 47 37	#FF2F25
50.0%	50.0% #FF394B	RGB 255 57 75	#FF394B
66.7%	66.7% #FF4C74	RGB 255 76 116	#FF4C74
83.3%	83.3% #FF5F98	RGB 255 95 152	#FF5F98
100.0%	100.0% #FF72B8	RGB 255 114 184	#FF72B8

#FF5000 #FF3D12 #FF2F25 #FF394B #FF4C74 #FF5F98 #FF72B8

#FF5000 - #FF394B - #FF72B8

CSS codes

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

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