#B0AFAA - #A8FFC1 | 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 #B0AFAA to #A8FFC1

#B0AFAA #A8FFC1

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

#B0AFAA - #A8FFC1 | 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 #B0AFAA as 0% and #A8FFC1 as 100%.

0.0%	0.0% #B0AFAA	RGB 176 175 170	#B0AFAA
16.7%	16.7% #AEBCAD	RGB 174 188 173	#AEBCAD
33.3%	33.3% #ADC9B1	RGB 173 201 177	#ADC9B1
50.0%	50.0% #ACD7B5	RGB 172 215 181	#ACD7B5
66.7%	66.7% #AAE4B9	RGB 170 228 185	#AAE4B9
83.3%	83.3% #A9F1BD	RGB 169 241 189	#A9F1BD
100.0%	100.0% #A8FFC1	RGB 168 255 193	#A8FFC1

#B0AFAA #AEBCAD #ADC9B1 #ACD7B5 #AAE4B9 #A9F1BD #A8FFC1

#B0AFAA - #A8FFC1

HSV Blend

#B0AFAA - #A8FFC1 | 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 #B0AFAA as 0% and #A8FFC1 as 100%.

0.0%	0.0% #B0AFAA	RGB 176 175 170	#B0AFAA
16.7%	16.7% #BBBDAD	RGB 187 189 173	#BBBDAD
33.3%	33.3% #C1CAAE	RGB 193 202 174	#C1CAAE
50.0%	50.0% #C0D7AF	RGB 192 215 175	#C0D7AF
66.7%	66.7% #B8E4AE	RGB 184 228 174	#B8E4AE
83.3%	83.3% #ABF1AE	RGB 171 241 174	#ABF1AE
100.0%	100.0% #A8FFC1	RGB 168 255 193	#A8FFC1

#B0AFAA #BBBDAD #C1CAAE #C0D7AF #B8E4AE #ABF1AE #A8FFC1

#B0AFAA - #C0D7AF - #A8FFC1

CSS codes

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

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