#A6AF00 - #FFA8AD | 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 #A6AF00 to #FFA8AD

#A6AF00 #FFA8AD

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

#A6AF00 - #FFA8AD | 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 #A6AF00 as 0% and #FFA8AD as 100%.

0.0%	0.0% #A6AF00	RGB 166 175 0	#A6AF00
16.7%	16.7% #B4AD1C	RGB 180 173 28	#B4AD1C
33.3%	33.3% #C3AC39	RGB 195 172 57	#C3AC39
50.0%	50.0% #D2AB56	RGB 210 171 86	#D2AB56
66.7%	66.7% #E1AA73	RGB 225 170 115	#E1AA73
83.3%	83.3% #F0A990	RGB 240 169 144	#F0A990
100.0%	100.0% #FFA8AD	RGB 255 168 173	#FFA8AD

#A6AF00 #B4AD1C #C3AC39 #D2AB56 #E1AA73 #F0A990 #FFA8AD

#A6AF00 - #FFA8AD

HSV Blend

#A6AF00 - #FFA8AD | 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 #A6AF00 as 0% and #FFA8AD as 100%.

0.0%	0.0% #A6AF00	RGB 166 175 0	#A6AF00
16.7%	16.7% #BCA514	RGB 188 165 20	#BCA514
33.3%	33.3% #C9972C	RGB 201 151 44	#C9972C
50.0%	50.0% #D78E46	RGB 215 142 70	#D78E46
66.7%	66.7% #E48C64	RGB 228 140 100	#E48C64
83.3%	83.3% #F19284	RGB 241 146 132	#F19284
100.0%	100.0% #FFA8AD	RGB 255 168 173	#FFA8AD

#A6AF00 #BCA514 #C9972C #D78E46 #E48C64 #F19284 #FFA8AD

#A6AF00 - #D78E46 - #FFA8AD

CSS codes

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

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