#AFE7E6 - #D3E3CB | 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 #AFE7E6 to #D3E3CB

#AFE7E6 #D3E3CB

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

#AFE7E6 - #D3E3CB | 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 #AFE7E6 as 0% and #D3E3CB as 100%.

0.0%	0.0% #AFE7E6	RGB 175 231 230	#AFE7E6
16.7%	16.7% #B5E6E1	RGB 181 230 225	#B5E6E1
33.3%	33.3% #BBE5DD	RGB 187 229 221	#BBE5DD
50.0%	50.0% #C1E5D8	RGB 193 229 216	#C1E5D8
66.7%	66.7% #C7E4D4	RGB 199 228 212	#C7E4D4
83.3%	83.3% #CDE3CF	RGB 205 227 207	#CDE3CF
100.0%	100.0% #D3E3CB	RGB 211 227 203	#D3E3CB

#AFE7E6 #B5E6E1 #BBE5DD #C1E5D8 #C7E4D4 #CDE3CF #D3E3CB

#AFE7E6 - #D3E3CB

HSV Blend

#AFE7E6 - #D3E3CB | 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 #AFE7E6 as 0% and #D3E3CB as 100%.

0.0%	0.0% #AFE7E6	RGB 175 231 230	#AFE7E6
16.7%	16.7% #B3E6DA	RGB 179 230 218	#B3E6DA
33.3%	33.3% #B8E5D1	RGB 184 229 209	#B8E5D1
50.0%	50.0% #BDE5CA	RGB 189 229 202	#BDE5CA
66.7%	66.7% #C1E4C5	RGB 193 228 197	#C1E4C5
83.3%	83.3% #C9E3C6	RGB 201 227 198	#C9E3C6
100.0%	100.0% #D3E3CB	RGB 211 227 203	#D3E3CB

#AFE7E6 #B3E6DA #B8E5D1 #BDE5CA #C1E4C5 #C9E3C6 #D3E3CB

#AFE7E6 - #BDE5CA - #D3E3CB

CSS codes

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

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