#B0ADAA - #A8FFA8 | 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 #B0ADAA to #A8FFA8

#B0ADAA #A8FFA8

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

#B0ADAA - #A8FFA8 | 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 #B0ADAA as 0% and #A8FFA8 as 100%.

0.0%	0.0% #B0ADAA	RGB 176 173 170	#B0ADAA
16.7%	16.7% #AEBAA9	RGB 174 186 169	#AEBAA9
33.3%	33.3% #ADC8A9	RGB 173 200 169	#ADC8A9
50.0%	50.0% #ACD6A9	RGB 172 214 169	#ACD6A9
66.7%	66.7% #AAE3A8	RGB 170 227 168	#AAE3A8
83.3%	83.3% #A9F1A8	RGB 169 241 168	#A9F1A8
100.0%	100.0% #A8FFA8	RGB 168 255 168	#A8FFA8

#B0ADAA #AEBAA9 #ADC8A9 #ACD6A9 #AAE3A8 #A9F1A8 #A8FFA8

#B0ADAA - #A8FFA8

HSV Blend

#B0ADAA - #A8FFA8 | 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 #B0ADAA as 0% and #A8FFA8 as 100%.

0.0%	0.0% #B0ADAA	RGB 176 173 170	#B0ADAA
16.7%	16.7% #BDB9AD	RGB 189 185 173	#BDB9AD
33.3%	33.3% #CACAAE	RGB 202 202 174	#CACAAE
50.0%	50.0% #CDD7AF	RGB 205 215 175	#CDD7AF
66.7%	66.7% #C9E4AE	RGB 201 228 174	#C9E4AE
83.3%	83.3% #BDF1AB	RGB 189 241 171	#BDF1AB
100.0%	100.0% #A8FFA8	RGB 168 255 168	#A8FFA8

#B0ADAA #BDB9AD #CACAAE #CDD7AF #C9E4AE #BDF1AB #A8FFA8

#B0ADAA - #CDD7AF - #A8FFA8

CSS codes

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

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