#FFE63B - #E6AF0E | 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 #FFE63B to #E6AF0E

#FFE63B #E6AF0E

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

#FFE63B - #E6AF0E | 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 #FFE63B as 0% and #E6AF0E as 100%.

0.0%	0.0% #FFE63B	RGB 255 230 59	#FFE63B
16.7%	16.7% #FADC33	RGB 250 220 51	#FADC33
33.3%	33.3% #F6D32C	RGB 246 211 44	#F6D32C
50.0%	50.0% #F2CA24	RGB 242 202 36	#F2CA24
66.7%	66.7% #EEC11D	RGB 238 193 29	#EEC11D
83.3%	83.3% #EAB815	RGB 234 184 21	#EAB815
100.0%	100.0% #E6AF0E	RGB 230 175 14	#E6AF0E

#FFE63B #FADC33 #F6D32C #F2CA24 #EEC11D #EAB815 #E6AF0E

#FFE63B - #E6AF0E

HSV Blend

#FFE63B - #E6AF0E | 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 #FFE63B as 0% and #E6AF0E as 100%.

0.0%	0.0% #FFE63B	RGB 255 230 59	#FFE63B
16.7%	16.7% #FADD32	RGB 250 221 50	#FADD32
33.3%	33.3% #F6D42B	RGB 246 212 43	#F6D42B
50.0%	50.0% #F2CA23	RGB 242 202 35	#F2CA23
66.7%	66.7% #EEC11C	RGB 238 193 28	#EEC11C
83.3%	83.3% #EAB814	RGB 234 184 20	#EAB814
100.0%	100.0% #E6AF0E	RGB 230 175 14	#E6AF0E

#FFE63B #FADD32 #F6D42B #F2CA23 #EEC11C #EAB814 #E6AF0E

#FFE63B - #F2CA23 - #E6AF0E

CSS codes

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

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