#AFB0AF - #A8FFDE | 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 #AFB0AF to #A8FFDE

#AFB0AF #A8FFDE

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

#AFB0AF - #A8FFDE | 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 #AFB0AF as 0% and #A8FFDE as 100%.

0.0%	0.0% #AFB0AF	RGB 175 176 175	#AFB0AF
16.7%	16.7% #ADBDB6	RGB 173 189 182	#ADBDB6
33.3%	33.3% #ACCABE	RGB 172 202 190	#ACCABE
50.0%	50.0% #ABD7C6	RGB 171 215 198	#ABD7C6
66.7%	66.7% #AAE4CE	RGB 170 228 206	#AAE4CE
83.3%	83.3% #A9F1D6	RGB 169 241 214	#A9F1D6
100.0%	100.0% #A8FFDE	RGB 168 255 222	#A8FFDE

#AFB0AF #ADBDB6 #ACCABE #ABD7C6 #AAE4CE #A9F1D6 #A8FFDE

#AFB0AF - #A8FFDE

HSV Blend

#AFB0AF - #A8FFDE | 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 #AFB0AF as 0% and #A8FFDE as 100%.

0.0%	0.0% #AFB0AF	RGB 175 176 175	#AFB0AF
16.7%	16.7% #B1BDB2	RGB 177 189 178	#B1BDB2
33.3%	33.3% #B2CAB7	RGB 178 202 183	#B2CAB7
50.0%	50.0% #B2D7BD	RGB 178 215 189	#B2D7BD
66.7%	66.7% #B0E4C5	RGB 176 228 197	#B0E4C5
83.3%	83.3% #ACF1D0	RGB 172 241 208	#ACF1D0
100.0%	100.0% #A8FFDE	RGB 168 255 222	#A8FFDE

#AFB0AF #B1BDB2 #B2CAB7 #B2D7BD #B0E4C5 #ACF1D0 #A8FFDE

#AFB0AF - #B2D7BD - #A8FFDE

CSS codes

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

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