#FFDA3D - #E69F0E | 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 #FFDA3D to #E69F0E

#FFDA3D #E69F0E

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

#FFDA3D - #E69F0E | 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 #FFDA3D as 0% and #E69F0E as 100%.

0.0%	0.0% #FFDA3D	RGB 255 218 61	#FFDA3D
16.7%	16.7% #FAD035	RGB 250 208 53	#FAD035
33.3%	33.3% #F6C62D	RGB 246 198 45	#F6C62D
50.0%	50.0% #F2BC25	RGB 242 188 37	#F2BC25
66.7%	66.7% #EEB21D	RGB 238 178 29	#EEB21D
83.3%	83.3% #EAA815	RGB 234 168 21	#EAA815
100.0%	100.0% #E69F0E	RGB 230 159 14	#E69F0E

#FFDA3D #FAD035 #F6C62D #F2BC25 #EEB21D #EAA815 #E69F0E

#FFDA3D - #E69F0E

HSV Blend

#FFDA3D - #E69F0E | 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 #FFDA3D as 0% and #E69F0E as 100%.

0.0%	0.0% #FFDA3D	RGB 255 218 61	#FFDA3D
16.7%	16.7% #FAD034	RGB 250 208 52	#FAD034
33.3%	33.3% #F6C62C	RGB 246 198 44	#F6C62C
50.0%	50.0% #F2BC24	RGB 242 188 36	#F2BC24
66.7%	66.7% #EEB31C	RGB 238 179 28	#EEB31C
83.3%	83.3% #EAA915	RGB 234 169 21	#EAA915
100.0%	100.0% #E69F0E	RGB 230 159 14	#E69F0E

#FFDA3D #FAD034 #F6C62C #F2BC24 #EEB31C #EAA915 #E69F0E

#FFDA3D - #F2BC24 - #E69F0E

CSS codes

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

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