#AFAD2B - #FFDC50 | 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 #AFAD2B to #FFDC50

#AFAD2B #FFDC50

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

#AFAD2B - #FFDC50 | 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 #AFAD2B as 0% and #FFDC50 as 100%.

0.0%	0.0% #AFAD2B	RGB 175 173 43	#AFAD2B
16.7%	16.7% #BCB431	RGB 188 180 49	#BCB431
33.3%	33.3% #C9BC37	RGB 201 188 55	#C9BC37
50.0%	50.0% #D7C43D	RGB 215 196 61	#D7C43D
66.7%	66.7% #E4CC43	RGB 228 204 67	#E4CC43
83.3%	83.3% #F1D449	RGB 241 212 73	#F1D449
100.0%	100.0% #FFDC50	RGB 255 220 80	#FFDC50

#AFAD2B #BCB431 #C9BC37 #D7C43D #E4CC43 #F1D449 #FFDC50

#AFAD2B - #FFDC50

HSV Blend

#AFAD2B - #FFDC50 | 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 #AFAD2B as 0% and #FFDC50 as 100%.

0.0%	0.0% #AFAD2B	RGB 175 173 43	#AFAD2B
16.7%	16.7% #BCB530	RGB 188 181 48	#BCB530
33.3%	33.3% #C9BE36	RGB 201 190 54	#C9BE36
50.0%	50.0% #D7C63C	RGB 215 198 60	#D7C63C
66.7%	66.7% #E4CD42	RGB 228 205 66	#E4CD42
83.3%	83.3% #F1D549	RGB 241 213 73	#F1D549
100.0%	100.0% #FFDC50	RGB 255 220 80	#FFDC50

#AFAD2B #BCB530 #C9BE36 #D7C63C #E4CD42 #F1D549 #FFDC50

#AFAD2B - #D7C63C - #FFDC50

CSS codes

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

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