#AFDDB6 - #E5E9BD | 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 #AFDDB6 to #E5E9BD

#AFDDB6 #E5E9BD

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

#AFDDB6 - #E5E9BD | 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 #AFDDB6 as 0% and #E5E9BD as 100%.

0.0%	0.0% #AFDDB6	RGB 175 221 182	#AFDDB6
16.7%	16.7% #B8DFB7	RGB 184 223 183	#B8DFB7
33.3%	33.3% #C1E1B8	RGB 193 225 184	#C1E1B8
50.0%	50.0% #CAE3B9	RGB 202 227 185	#CAE3B9
66.7%	66.7% #D3E5BA	RGB 211 229 186	#D3E5BA
83.3%	83.3% #DCE7BB	RGB 220 231 187	#DCE7BB
100.0%	100.0% #E5E9BD	RGB 229 233 189	#E5E9BD

#AFDDB6 #B8DFB7 #C1E1B8 #CAE3B9 #D3E5BA #DCE7BB #E5E9BD

#AFDDB6 - #E5E9BD

HSV Blend

#AFDDB6 - #E5E9BD | 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 #AFDDB6 as 0% and #E5E9BD as 100%.

0.0%	0.0% #AFDDB6	RGB 175 221 182	#AFDDB6
16.7%	16.7% #B2DFB1	RGB 178 223 177	#B2DFB1
33.3%	33.3% #BCE1B3	RGB 188 225 179	#BCE1B3
50.0%	50.0% #C6E3B5	RGB 198 227 181	#C6E3B5
66.7%	66.7% #D1E5B8	RGB 209 229 184	#D1E5B8
83.3%	83.3% #DBE7BA	RGB 219 231 186	#DBE7BA
100.0%	100.0% #E5E9BD	RGB 229 233 189	#E5E9BD

#AFDDB6 #B2DFB1 #BCE1B3 #C6E3B5 #D1E5B8 #DBE7BA #E5E9BD

#AFDDB6 - #C6E3B5 - #E5E9BD

CSS codes

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

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