#AFAAA7 - #B0FFE2 | 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 #B0FFE2

#AFAAA7 #B0FFE2

Calculate the color between two colors, #AFAAA7 and #B0FFE2. 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 - #B0FFE2 | 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 #B0FFE2 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% #AFC6BA	RGB 175 198 186	#AFC6BA
50.0%	50.0% #AFD4C4	RGB 175 212 196	#AFD4C4
66.7%	66.7% #AFE2CE	RGB 175 226 206	#AFE2CE
83.3%	83.3% #AFF0D8	RGB 175 240 216	#AFF0D8
100.0%	100.0% #B0FFE2	RGB 176 255 226	#B0FFE2

#AFAAA7 #AFB8B0 #AFC6BA #AFD4C4 #AFE2CE #AFF0D8 #B0FFE2

#AFAAA7 - #B0FFE2

HSV Blend

#AFAAA7 - #B0FFE2 | 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 #B0FFE2 as 100%.

0.0%	0.0% #AFAAA7	RGB 175 170 167	#AFAAA7
16.7%	16.7% #BCB8AB	RGB 188 184 171	#BCB8AB
33.3%	33.3% #C6C9AE	RGB 198 201 174	#C6C9AE
50.0%	50.0% #C3D7B0	RGB 195 215 176	#C3D7B0
66.7%	66.7% #B7E4B1	RGB 183 228 177	#B7E4B1
83.3%	83.3% #B1F1C1	RGB 177 241 193	#B1F1C1
100.0%	100.0% #B0FFE2	RGB 176 255 226	#B0FFE2

#AFAAA7 #BCB8AB #C6C9AE #C3D7B0 #B7E4B1 #B1F1C1 #B0FFE2

#AFAAA7 - #C3D7B0 - #B0FFE2

CSS codes

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

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