#A8AF42 - #FFE26F | 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 #A8AF42 to #FFE26F

#A8AF42 #FFE26F

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

#A8AF42 - #FFE26F | 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 #A8AF42 as 0% and #FFE26F as 100%.

0.0%	0.0% #A8AF42	RGB 168 175 66	#A8AF42
16.7%	16.7% #B6B749	RGB 182 183 73	#B6B749
33.3%	33.3% #C5C051	RGB 197 192 81	#C5C051
50.0%	50.0% #D3C858	RGB 211 200 88	#D3C858
66.7%	66.7% #E2D160	RGB 226 209 96	#E2D160
83.3%	83.3% #F0D967	RGB 240 217 103	#F0D967
100.0%	100.0% #FFE26F	RGB 255 226 111	#FFE26F

#A8AF42 #B6B749 #C5C051 #D3C858 #E2D160 #F0D967 #FFE26F

#A8AF42 - #FFE26F

HSV Blend

#A8AF42 - #FFE26F | 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 #A8AF42 as 0% and #FFE26F as 100%.

0.0%	0.0% #A8AF42	RGB 168 175 66	#A8AF42
16.7%	16.7% #BABC48	RGB 186 188 72	#BABC48
33.3%	33.3% #C9C64F	RGB 201 198 79	#C9C64F
50.0%	50.0% #D7CE57	RGB 215 206 87	#D7CE57
66.7%	66.7% #E4D55E	RGB 228 213 94	#E4D55E
83.3%	83.3% #F1DB66	RGB 241 219 102	#F1DB66
100.0%	100.0% #FFE26F	RGB 255 226 111	#FFE26F

#A8AF42 #BABC48 #C9C64F #D7CE57 #E4D55E #F1DB66 #FFE26F

#A8AF42 - #D7CE57 - #FFE26F

CSS codes

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

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