#AFC7AF - #C8FFDB | 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 #AFC7AF to #C8FFDB

#AFC7AF #C8FFDB

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

#AFC7AF - #C8FFDB | 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 #AFC7AF as 0% and #C8FFDB as 100%.

0.0%	0.0% #AFC7AF	RGB 175 199 175	#AFC7AF
16.7%	16.7% #B3D0B6	RGB 179 208 182	#B3D0B6
33.3%	33.3% #B7D9BD	RGB 183 217 189	#B7D9BD
50.0%	50.0% #BBE3C5	RGB 187 227 197	#BBE3C5
66.7%	66.7% #BFECCC	RGB 191 236 204	#BFECCC
83.3%	83.3% #C3F5D3	RGB 195 245 211	#C3F5D3
100.0%	100.0% #C8FFDB	RGB 200 255 219	#C8FFDB

#AFC7AF #B3D0B6 #B7D9BD #BBE3C5 #BFECCC #C3F5D3 #C8FFDB

#AFC7AF - #C8FFDB

HSV Blend

#AFC7AF - #C8FFDB | 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 #AFC7AF as 0% and #C8FFDB as 100%.

0.0%	0.0% #AFC7AF	RGB 175 199 175	#AFC7AF
16.7%	16.7% #B3D0B5	RGB 179 208 181	#B3D0B5
33.3%	33.3% #B8D9BC	RGB 184 217 188	#B8D9BC
50.0%	50.0% #BCE3C3	RGB 188 227 195	#BCE3C3
66.7%	66.7% #C0ECCA	RGB 192 236 202	#C0ECCA
83.3%	83.3% #C4F5D2	RGB 196 245 210	#C4F5D2
100.0%	100.0% #C8FFDB	RGB 200 255 219	#C8FFDB

#AFC7AF #B3D0B5 #B8D9BC #BCE3C3 #C0ECCA #C4F5D2 #C8FFDB

#AFC7AF - #BCE3C3 - #C8FFDB

CSS codes

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

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