#AFC3A2 - #E9FFB5 | 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 #AFC3A2 to #E9FFB5

#AFC3A2 #E9FFB5

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

#AFC3A2 - #E9FFB5 | 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 #AFC3A2 as 0% and #E9FFB5 as 100%.

0.0%	0.0% #AFC3A2	RGB 175 195 162	#AFC3A2
16.7%	16.7% #B8CDA5	RGB 184 205 165	#B8CDA5
33.3%	33.3% #C2D7A8	RGB 194 215 168	#C2D7A8
50.0%	50.0% #CCE1AB	RGB 204 225 171	#CCE1AB
66.7%	66.7% #D5EBAE	RGB 213 235 174	#D5EBAE
83.3%	83.3% #DFF5B1	RGB 223 245 177	#DFF5B1
100.0%	100.0% #E9FFB5	RGB 233 255 181	#E9FFB5

#AFC3A2 #B8CDA5 #C2D7A8 #CCE1AB #D5EBAE #DFF5B1 #E9FFB5

#AFC3A2 - #E9FFB5

HSV Blend

#AFC3A2 - #E9FFB5 | 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 #AFC3A2 as 0% and #E9FFB5 as 100%.

0.0%	0.0% #AFC3A2	RGB 175 195 162	#AFC3A2
16.7%	16.7% #B7CDA6	RGB 183 205 166	#B7CDA6
33.3%	33.3% #C0D7A9	RGB 192 215 169	#C0D7A9
50.0%	50.0% #C9E1AD	RGB 201 225 173	#C9E1AD
66.7%	66.7% #D3EBB0	RGB 211 235 176	#D3EBB0
83.3%	83.3% #DDF5B2	RGB 221 245 178	#DDF5B2
100.0%	100.0% #E9FFB5	RGB 233 255 181	#E9FFB5

#AFC3A2 #B7CDA6 #C0D7A9 #C9E1AD #D3EBB0 #DDF5B2 #E9FFB5

#AFC3A2 - #C9E1AD - #E9FFB5

CSS codes

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

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