#AFDDBB - #E8F5EB | 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 #AFDDBB to #E8F5EB

#AFDDBB #E8F5EB

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

#AFDDBB - #E8F5EB | 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 #AFDDBB as 0% and #E8F5EB as 100%.

0.0%	0.0% #AFDDBB	RGB 175 221 187	#AFDDBB
16.7%	16.7% #B8E1C3	RGB 184 225 195	#B8E1C3
33.3%	33.3% #C2E5CB	RGB 194 229 203	#C2E5CB
50.0%	50.0% #CBE9D3	RGB 203 233 211	#CBE9D3
66.7%	66.7% #D5EDDB	RGB 213 237 219	#D5EDDB
83.3%	83.3% #DEF1E3	RGB 222 241 227	#DEF1E3
100.0%	100.0% #E8F5EB	RGB 232 245 235	#E8F5EB

#AFDDBB #B8E1C3 #C2E5CB #CBE9D3 #D5EDDB #DEF1E3 #E8F5EB

#AFDDBB - #E8F5EB

HSV Blend

#AFDDBB - #E8F5EB | 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 #AFDDBB as 0% and #E8F5EB as 100%.

0.0%	0.0% #AFDDBB	RGB 175 221 187	#AFDDBB
16.7%	16.7% #B7E1C2	RGB 183 225 194	#B7E1C2
33.3%	33.3% #C1E5CA	RGB 193 229 202	#C1E5CA
50.0%	50.0% #CAE9D2	RGB 202 233 210	#CAE9D2
66.7%	66.7% #D4EDDA	RGB 212 237 218	#D4EDDA
83.3%	83.3% #DDF1E2	RGB 221 241 226	#DDF1E2
100.0%	100.0% #E8F5EB	RGB 232 245 235	#E8F5EB

#AFDDBB #B7E1C2 #C1E5CA #CAE9D2 #D4EDDA #DDF1E2 #E8F5EB

#AFDDBB - #CAE9D2 - #E8F5EB

CSS codes

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

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