#AEAF3C - #FFE26A | 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 #AEAF3C to #FFE26A

#AEAF3C #FFE26A

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

#AEAF3C - #FFE26A | 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 #AEAF3C as 0% and #FFE26A as 100%.

0.0%	0.0% #AEAF3C	RGB 174 175 60	#AEAF3C
16.7%	16.7% #BBB743	RGB 187 183 67	#BBB743
33.3%	33.3% #C9C04B	RGB 201 192 75	#C9C04B
50.0%	50.0% #D6C853	RGB 214 200 83	#D6C853
66.7%	66.7% #E4D15A	RGB 228 209 90	#E4D15A
83.3%	83.3% #F1D962	RGB 241 217 98	#F1D962
100.0%	100.0% #FFE26A	RGB 255 226 106	#FFE26A

#AEAF3C #BBB743 #C9C04B #D6C853 #E4D15A #F1D962 #FFE26A

#AEAF3C - #FFE26A

HSV Blend

#AEAF3C - #FFE26A | 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 #AEAF3C as 0% and #FFE26A as 100%.

0.0%	0.0% #AEAF3C	RGB 174 175 60	#AEAF3C
16.7%	16.7% #BCB942	RGB 188 185 66	#BCB942
33.3%	33.3% #C9C24A	RGB 201 194 74	#C9C24A
50.0%	50.0% #D7CA51	RGB 215 202 81	#D7CA51
66.7%	66.7% #E4D259	RGB 228 210 89	#E4D259
83.3%	83.3% #F1DA61	RGB 241 218 97	#F1DA61
100.0%	100.0% #FFE26A	RGB 255 226 106	#FFE26A

#AEAF3C #BCB942 #C9C24A #D7CA51 #E4D259 #F1DA61 #FFE26A

#AEAF3C - #D7CA51 - #FFE26A

CSS codes

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

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