#A2C3C7 - #E4D6D0 | 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 #A2C3C7 to #E4D6D0

#A2C3C7 #E4D6D0

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

#A2C3C7 - #E4D6D0 | 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 #A2C3C7 as 0% and #E4D6D0 as 100%.

0.0%	0.0% #A2C3C7	RGB 162 195 199	#A2C3C7
16.7%	16.7% #ADC6C8	RGB 173 198 200	#ADC6C8
33.3%	33.3% #B8C9CA	RGB 184 201 202	#B8C9CA
50.0%	50.0% #C3CCCB	RGB 195 204 203	#C3CCCB
66.7%	66.7% #CECFCD	RGB 206 207 205	#CECFCD
83.3%	83.3% #D9D2CE	RGB 217 210 206	#D9D2CE
100.0%	100.0% #E4D6D0	RGB 228 214 208	#E4D6D0

#A2C3C7 #ADC6C8 #B8C9CA #C3CCCB #CECFCD #D9D2CE #E4D6D0

#A2C3C7 - #E4D6D0

HSV Blend

#A2C3C7 - #E4D6D0 | 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 #A2C3C7 as 0% and #E4D6D0 as 100%.

0.0%	0.0% #A2C3C7	RGB 162 195 199	#A2C3C7
16.7%	16.7% #A9CBBF	RGB 169 203 191	#A9CBBF
33.3%	33.3% #B0D0B6	RGB 176 208 182	#B0D0B6
50.0%	50.0% #C0D5B8	RGB 192 213 184	#C0D5B8
66.7%	66.7% #D4DAC0	RGB 212 218 192	#D4DAC0
83.3%	83.3% #DFD9C7	RGB 223 217 199	#DFD9C7
100.0%	100.0% #E4D6D0	RGB 228 214 208	#E4D6D0

#A2C3C7 #A9CBBF #B0D0B6 #C0D5B8 #D4DAC0 #DFD9C7 #E4D6D0

#A2C3C7 - #C0D5B8 - #E4D6D0

CSS codes

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

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