#A0FFAE - #FFEFB6 | 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 #A0FFAE to #FFEFB6

#A0FFAE #FFEFB6

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

#A0FFAE - #FFEFB6 | 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 #A0FFAE as 0% and #FFEFB6 as 100%.

0.0%	0.0% #A0FFAE	RGB 160 255 174	#A0FFAE
16.7%	16.7% #AFFCAF	RGB 175 252 175	#AFFCAF
33.3%	33.3% #BFF9B0	RGB 191 249 176	#BFF9B0
50.0%	50.0% #CFF7B2	RGB 207 247 178	#CFF7B2
66.7%	66.7% #DFF4B3	RGB 223 244 179	#DFF4B3
83.3%	83.3% #EFF1B4	RGB 239 241 180	#EFF1B4
100.0%	100.0% #FFEFB6	RGB 255 239 182	#FFEFB6

#A0FFAE #AFFCAF #BFF9B0 #CFF7B2 #DFF4B3 #EFF1B4 #FFEFB6

#A0FFAE - #FFEFB6

HSV Blend

#A0FFAE - #FFEFB6 | 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 #A0FFAE as 0% and #FFEFB6 as 100%.

0.0%	0.0% #A0FFAE	RGB 160 255 174	#A0FFAE
16.7%	16.7% #ABFFA3	RGB 171 255 163	#ABFFA3
33.3%	33.3% #C2FFA7	RGB 194 255 167	#C2FFA7
50.0%	50.0% #D8FFAB	RGB 216 255 171	#D8FFAB
66.7%	66.7% #ECFFAE	RGB 236 255 174	#ECFFAE
83.3%	83.3% #FEFFB2	RGB 254 255 178	#FEFFB2
100.0%	100.0% #FFEFB6	RGB 255 239 182	#FFEFB6

#A0FFAE #ABFFA3 #C2FFA7 #D8FFAB #ECFFAE #FEFFB2 #FFEFB6

#A0FFAE - #D8FFAB - #FFEFB6

CSS codes

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

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