#AFEFB1 - #E9FEC9 | 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 #AFEFB1 to #E9FEC9

#AFEFB1 #E9FEC9

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

#AFEFB1 - #E9FEC9 | 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 #AFEFB1 as 0% and #E9FEC9 as 100%.

0.0%	0.0% #AFEFB1	RGB 175 239 177	#AFEFB1
16.7%	16.7% #B8F1B5	RGB 184 241 181	#B8F1B5
33.3%	33.3% #C2F4B9	RGB 194 244 185	#C2F4B9
50.0%	50.0% #CCF6BD	RGB 204 246 189	#CCF6BD
66.7%	66.7% #D5F9C1	RGB 213 249 193	#D5F9C1
83.3%	83.3% #DFFBC5	RGB 223 251 197	#DFFBC5
100.0%	100.0% #E9FEC9	RGB 233 254 201	#E9FEC9

#AFEFB1 #B8F1B5 #C2F4B9 #CCF6BD #D5F9C1 #DFFBC5 #E9FEC9

#AFEFB1 - #E9FEC9

HSV Blend

#AFEFB1 - #E9FEC9 | 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 #AFEFB1 as 0% and #E9FEC9 as 100%.

0.0%	0.0% #AFEFB1	RGB 175 239 177	#AFEFB1
16.7%	16.7% #B7F1B3	RGB 183 241 179	#B7F1B3
33.3%	33.3% #C2F4B7	RGB 194 244 183	#C2F4B7
50.0%	50.0% #CCF6BB	RGB 204 246 187	#CCF6BB
66.7%	66.7% #D6F9C0	RGB 214 249 192	#D6F9C0
83.3%	83.3% #DFFBC4	RGB 223 251 196	#DFFBC4
100.0%	100.0% #E9FEC9	RGB 233 254 201	#E9FEC9

#AFEFB1 #B7F1B3 #C2F4B7 #CCF6BB #D6F9C0 #DFFBC4 #E9FEC9

#AFEFB1 - #CCF6BB - #E9FEC9

CSS codes

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

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