#AFC2D0 - #E5E0D7 | 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 #AFC2D0 to #E5E0D7

#AFC2D0 #E5E0D7

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

#AFC2D0 - #E5E0D7 | 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 #AFC2D0 as 0% and #E5E0D7 as 100%.

0.0%	0.0% #AFC2D0	RGB 175 194 208	#AFC2D0
16.7%	16.7% #B8C7D1	RGB 184 199 209	#B8C7D1
33.3%	33.3% #C1CCD2	RGB 193 204 210	#C1CCD2
50.0%	50.0% #CAD1D3	RGB 202 209 211	#CAD1D3
66.7%	66.7% #D3D6D4	RGB 211 214 212	#D3D6D4
83.3%	83.3% #DCDBD5	RGB 220 219 213	#DCDBD5
100.0%	100.0% #E5E0D7	RGB 229 224 215	#E5E0D7

#AFC2D0 #B8C7D1 #C1CCD2 #CAD1D3 #D3D6D4 #DCDBD5 #E5E0D7

#AFC2D0 - #E5E0D7

HSV Blend

#AFC2D0 - #E5E0D7 | 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 #AFC2D0 as 0% and #E5E0D7 as 100%.

0.0%	0.0% #AFC2D0	RGB 175 194 208	#AFC2D0
16.7%	16.7% #B5D3D2	RGB 181 211 210	#B5D3D2
33.3%	33.3% #BBD7C9	RGB 187 215 201	#BBD7C9
50.0%	50.0% #C2DAC3	RGB 194 218 195	#C2DAC3
66.7%	66.7% #D2DEC9	RGB 210 222 201	#D2DEC9
83.3%	83.3% #DFE1D0	RGB 223 225 208	#DFE1D0
100.0%	100.0% #E5E0D7	RGB 229 224 215	#E5E0D7

#AFC2D0 #B5D3D2 #BBD7C9 #C2DAC3 #D2DEC9 #DFE1D0 #E5E0D7

#AFC2D0 - #C2DAC3 - #E5E0D7

CSS codes

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

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