#FF9C2B - #CE700B | 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 #FF9C2B to #CE700B

#FF9C2B #CE700B

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

#FF9C2B - #CE700B | 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 #FF9C2B as 0% and #CE700B as 100%.

0.0%	0.0% #FF9C2B	RGB 255 156 43	#FF9C2B
16.7%	16.7% #F69425	RGB 246 148 37	#F69425
33.3%	33.3% #EE8D20	RGB 238 141 32	#EE8D20
50.0%	50.0% #E6861B	RGB 230 134 27	#E6861B
66.7%	66.7% #DE7E15	RGB 222 126 21	#DE7E15
83.3%	83.3% #D67710	RGB 214 119 16	#D67710
100.0%	100.0% #CE700B	RGB 206 112 11	#CE700B

#FF9C2B #F69425 #EE8D20 #E6861B #DE7E15 #D67710 #CE700B

#FF9C2B - #CE700B

HSV Blend

#FF9C2B - #CE700B | 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 #FF9C2B as 0% and #CE700B as 100%.

0.0%	0.0% #FF9C2A	RGB 255 156 42	#FF9C2A
16.7%	16.7% #F69424	RGB 246 148 36	#F69424
33.3%	33.3% #EE8C1F	RGB 238 140 31	#EE8C1F
50.0%	50.0% #E68519	RGB 230 133 25	#E68519
66.7%	66.7% #DE7E14	RGB 222 126 20	#DE7E14
83.3%	83.3% #D6760F	RGB 214 118 15	#D6760F
100.0%	100.0% #CE700B	RGB 206 112 11	#CE700B

#FF9C2A #F69424 #EE8C1F #E68519 #DE7E14 #D6760F #CE700B

#FF9C2B - #E68519 - #CE700B

CSS codes

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

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