#FFAF14 - #E3E03D | 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 #FFAF14 to #E3E03D

#FFAF14 #E3E03D

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

#FFAF14 - #E3E03D | 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 #FFAF14 as 0% and #E3E03D as 100%.

0.0%	0.0% #FFAF14	RGB 255 175 20	#FFAF14
16.7%	16.7% #FAB71A	RGB 250 183 26	#FAB71A
33.3%	33.3% #F5BF21	RGB 245 191 33	#F5BF21
50.0%	50.0% #F1C728	RGB 241 199 40	#F1C728
66.7%	66.7% #ECCF2F	RGB 236 207 47	#ECCF2F
83.3%	83.3% #E7D736	RGB 231 215 54	#E7D736
100.0%	100.0% #E3E03D	RGB 227 224 61	#E3E03D

#FFAF14 #FAB71A #F5BF21 #F1C728 #ECCF2F #E7D736 #E3E03D

#FFAF14 - #E3E03D

HSV Blend

#FFAF14 - #E3E03D | 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 #FFAF14 as 0% and #E3E03D as 100%.

0.0%	0.0% #FFAF13	RGB 255 175 19	#FFAF13
16.7%	16.7% #FABA1B	RGB 250 186 27	#FABA1B
33.3%	33.3% #F5C422	RGB 245 196 34	#F5C422
50.0%	50.0% #F1CD29	RGB 241 205 41	#F1CD29
66.7%	66.7% #ECD430	RGB 236 212 48	#ECD430
83.3%	83.3% #E7DA36	RGB 231 218 54	#E7DA36
100.0%	100.0% #E3E03D	RGB 227 224 61	#E3E03D

#FFAF13 #FABA1B #F5C422 #F1CD29 #ECD430 #E7DA36 #E3E03D

#FFAF14 - #F1CD29 - #E3E03D

CSS codes

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

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