#FF9F02 - #E2D622 | 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 #FF9F02 to #E2D622

#FF9F02 #E2D622

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

#FF9F02 - #E2D622 | 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 #FF9F02 as 0% and #E2D622 as 100%.

0.0%	0.0% #FF9F02	RGB 255 159 2	#FF9F02
16.7%	16.7% #FAA807	RGB 250 168 7	#FAA807
33.3%	33.3% #F5B10C	RGB 245 177 12	#F5B10C
50.0%	50.0% #F0BA12	RGB 240 186 18	#F0BA12
66.7%	66.7% #EBC317	RGB 235 195 23	#EBC317
83.3%	83.3% #E6CC1C	RGB 230 204 28	#E6CC1C
100.0%	100.0% #E2D622	RGB 226 214 34	#E2D622

#FF9F02 #FAA807 #F5B10C #F0BA12 #EBC317 #E6CC1C #E2D622

#FF9F02 - #E2D622

HSV Blend

#FF9F02 - #E2D622 | 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 #FF9F02 as 0% and #E2D622 as 100%.

0.0%	0.0% #FF9F01	RGB 255 159 1	#FF9F01
16.7%	16.7% #FAAB07	RGB 250 171 7	#FAAB07
33.3%	33.3% #F5B50D	RGB 245 181 13	#F5B50D
50.0%	50.0% #F0BF13	RGB 240 191 19	#F0BF13
66.7%	66.7% #EBC818	RGB 235 200 24	#EBC818
83.3%	83.3% #E6CF1D	RGB 230 207 29	#E6CF1D
100.0%	100.0% #E2D622	RGB 226 214 34	#E2D622

#FF9F01 #FAAB07 #F5B50D #F0BF13 #EBC818 #E6CF1D #E2D622

#FF9F02 - #F0BF13 - #E2D622

CSS codes

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

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