#AFE3AC - #FFEDB7 | 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 #AFE3AC to #FFEDB7

#AFE3AC #FFEDB7

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

#AFE3AC - #FFEDB7 | 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 #AFE3AC as 0% and #FFEDB7 as 100%.

0.0%	0.0% #AFE3AC	RGB 175 227 172	#AFE3AC
16.7%	16.7% #BCE4AD	RGB 188 228 173	#BCE4AD
33.3%	33.3% #C9E6AF	RGB 201 230 175	#C9E6AF
50.0%	50.0% #D7E8B1	RGB 215 232 177	#D7E8B1
66.7%	66.7% #E4E9B3	RGB 228 233 179	#E4E9B3
83.3%	83.3% #F1EBB5	RGB 241 235 181	#F1EBB5
100.0%	100.0% #FFEDB7	RGB 255 237 183	#FFEDB7

#AFE3AC #BCE4AD #C9E6AF #D7E8B1 #E4E9B3 #F1EBB5 #FFEDB7

#AFE3AC - #FFEDB7

HSV Blend

#AFE3AC - #FFEDB7 | 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 #AFE3AC as 0% and #FFEDB7 as 100%.

0.0%	0.0% #AFE3AC	RGB 175 227 172	#AFE3AC
16.7%	16.7% #BCE7AD	RGB 188 231 173	#BCE7AD
33.3%	33.3% #CBECAF	RGB 203 236 175	#CBECAF
50.0%	50.0% #DBF1B1	RGB 219 241 177	#DBF1B1
66.7%	66.7% #EBF5B3	RGB 235 245 179	#EBF5B3
83.3%	83.3% #FAF6B5	RGB 250 246 181	#FAF6B5
100.0%	100.0% #FFEDB7	RGB 255 237 183	#FFEDB7

#AFE3AC #BCE7AD #CBECAF #DBF1B1 #EBF5B3 #FAF6B5 #FFEDB7

#AFE3AC - #DBF1B1 - #FFEDB7

CSS codes

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

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