#AFC3A8 - #D9F1C2 | 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 #AFC3A8 to #D9F1C2

#AFC3A8 #D9F1C2

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

#AFC3A8 - #D9F1C2 | 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 #AFC3A8 as 0% and #D9F1C2 as 100%.

0.0%	0.0% #AFC3A8	RGB 175 195 168	#AFC3A8
16.7%	16.7% #B6CAAC	RGB 182 202 172	#B6CAAC
33.3%	33.3% #BDD2B0	RGB 189 210 176	#BDD2B0
50.0%	50.0% #C4DAB5	RGB 196 218 181	#C4DAB5
66.7%	66.7% #CBE1B9	RGB 203 225 185	#CBE1B9
83.3%	83.3% #D2E9BD	RGB 210 233 189	#D2E9BD
100.0%	100.0% #D9F1C2	RGB 217 241 194	#D9F1C2

#AFC3A8 #B6CAAC #BDD2B0 #C4DAB5 #CBE1B9 #D2E9BD #D9F1C2

#AFC3A8 - #D9F1C2

HSV Blend

#AFC3A8 - #D9F1C2 | 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 #AFC3A8 as 0% and #D9F1C2 as 100%.

0.0%	0.0% #AFC3A8	RGB 175 195 168	#AFC3A8
16.7%	16.7% #B5CAAC	RGB 181 202 172	#B5CAAC
33.3%	33.3% #BCD2B1	RGB 188 210 177	#BCD2B1
50.0%	50.0% #C3DAB5	RGB 195 218 181	#C3DAB5
66.7%	66.7% #CAE1B9	RGB 202 225 185	#CAE1B9
83.3%	83.3% #D1E9BE	RGB 209 233 190	#D1E9BE
100.0%	100.0% #D9F1C2	RGB 217 241 194	#D9F1C2

#AFC3A8 #B5CAAC #BCD2B1 #C3DAB5 #CAE1B9 #D1E9BE #D9F1C2

#AFC3A8 - #C3DAB5 - #D9F1C2

CSS codes

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

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