#AFAAA7 - #B0FFDE | 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 #AFAAA7 to #B0FFDE

#AFAAA7 #B0FFDE

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

#AFAAA7 - #B0FFDE | 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 #AFAAA7 as 0% and #B0FFDE as 100%.

0.0%	0.0% #AFAAA7	RGB 175 170 167	#AFAAA7
16.7%	16.7% #AFB8B0	RGB 175 184 176	#AFB8B0
33.3%	33.3% #AFC6B9	RGB 175 198 185	#AFC6B9
50.0%	50.0% #AFD4C2	RGB 175 212 194	#AFD4C2
66.7%	66.7% #AFE2CB	RGB 175 226 203	#AFE2CB
83.3%	83.3% #AFF0D4	RGB 175 240 212	#AFF0D4
100.0%	100.0% #B0FFDE	RGB 176 255 222	#B0FFDE

#AFAAA7 #AFB8B0 #AFC6B9 #AFD4C2 #AFE2CB #AFF0D4 #B0FFDE

#AFAAA7 - #B0FFDE

HSV Blend

#AFAAA7 - #B0FFDE | 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 #AFAAA7 as 0% and #B0FFDE as 100%.

0.0%	0.0% #AFAAA7	RGB 175 170 167	#AFAAA7
16.7%	16.7% #BCB7AB	RGB 188 183 171	#BCB7AB
33.3%	33.3% #C6C9AE	RGB 198 201 174	#C6C9AE
50.0%	50.0% #C4D7B0	RGB 196 215 176	#C4D7B0
66.7%	66.7% #B9E4B1	RGB 185 228 177	#B9E4B1
83.3%	83.3% #B1F1BF	RGB 177 241 191	#B1F1BF
100.0%	100.0% #B0FFDE	RGB 176 255 222	#B0FFDE

#AFAAA7 #BCB7AB #C6C9AE #C4D7B0 #B9E4B1 #B1F1BF #B0FFDE

#AFAAA7 - #C4D7B0 - #B0FFDE

CSS codes

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

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