#A8C5CE - #E1D8D4 | 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 #A8C5CE to #E1D8D4

#A8C5CE #E1D8D4

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

#A8C5CE - #E1D8D4 | 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 #A8C5CE as 0% and #E1D8D4 as 100%.

0.0%	0.0% #A8C5CE	RGB 168 197 206	#A8C5CE
16.7%	16.7% #B1C8CF	RGB 177 200 207	#B1C8CF
33.3%	33.3% #BBCBD0	RGB 187 203 208	#BBCBD0
50.0%	50.0% #C4CED1	RGB 196 206 209	#C4CED1
66.7%	66.7% #CED1D2	RGB 206 209 210	#CED1D2
83.3%	83.3% #D7D4D3	RGB 215 212 211	#D7D4D3
100.0%	100.0% #E1D8D4	RGB 225 216 212	#E1D8D4

#A8C5CE #B1C8CF #BBCBD0 #C4CED1 #CED1D2 #D7D4D3 #E1D8D4

#A8C5CE - #E1D8D4

HSV Blend

#A8C5CE - #E1D8D4 | 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 #A8C5CE as 0% and #E1D8D4 as 100%.

0.0%	0.0% #A8C5CE	RGB 168 197 206	#A8C5CE
16.7%	16.7% #AED1C8	RGB 174 209 200	#AED1C8
33.3%	33.3% #B6D4BD	RGB 182 212 189	#B6D4BD
50.0%	50.0% #C3D7BD	RGB 195 215 189	#C3D7BD
66.7%	66.7% #D4DAC4	RGB 212 218 196	#D4DAC4
83.3%	83.3% #DDDACC	RGB 221 218 204	#DDDACC
100.0%	100.0% #E1D8D4	RGB 225 216 212	#E1D8D4

#A8C5CE #AED1C8 #B6D4BD #C3D7BD #D4DAC4 #DDDACC #E1D8D4

#A8C5CE - #C3D7BD - #E1D8D4

CSS codes

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

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