#A0FFB6 - #FFEDB8 | 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 #A0FFB6 to #FFEDB8

#A0FFB6 #FFEDB8

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

#A0FFB6 - #FFEDB8 | 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 #A0FFB6 as 0% and #FFEDB8 as 100%.

0.0%	0.0% #A0FFB6	RGB 160 255 182	#A0FFB6
16.7%	16.7% #AFFCB6	RGB 175 252 182	#AFFCB6
33.3%	33.3% #BFF9B6	RGB 191 249 182	#BFF9B6
50.0%	50.0% #CFF6B7	RGB 207 246 183	#CFF6B7
66.7%	66.7% #DFF3B7	RGB 223 243 183	#DFF3B7
83.3%	83.3% #EFF0B7	RGB 239 240 183	#EFF0B7
100.0%	100.0% #FFEDB8	RGB 255 237 184	#FFEDB8

#A0FFB6 #AFFCB6 #BFF9B6 #CFF6B7 #DFF3B7 #EFF0B7 #FFEDB8

#A0FFB6 - #FFEDB8

HSV Blend

#A0FFB6 - #FFEDB8 | 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 #A0FFB6 as 0% and #FFEDB8 as 100%.

0.0%	0.0% #A0FFB6	RGB 160 255 182	#A0FFB6
16.7%	16.7% #A5FFA4	RGB 165 255 164	#A5FFA4
33.3%	33.3% #BEFFA8	RGB 190 255 168	#BEFFA8
50.0%	50.0% #D6FFAC	RGB 214 255 172	#D6FFAC
66.7%	66.7% #EBFFB0	RGB 235 255 176	#EBFFB0
83.3%	83.3% #FFFEB4	RGB 255 254 180	#FFFEB4
100.0%	100.0% #FFEDB8	RGB 255 237 184	#FFEDB8

#A0FFB6 #A5FFA4 #BEFFA8 #D6FFAC #EBFFB0 #FFFEB4 #FFEDB8

#A0FFB6 - #D6FFAC - #FFEDB8

CSS codes

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

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