#A1B8C0 - #E4EAED | 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 #A1B8C0 to #E4EAED

#A1B8C0 #E4EAED

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

#A1B8C0 - #E4EAED | 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 #A1B8C0 as 0% and #E4EAED as 100%.

0.0%	0.0% #A1B8C0	RGB 161 184 192	#A1B8C0
16.7%	16.7% #ACC0C7	RGB 172 192 199	#ACC0C7
33.3%	33.3% #B7C8CF	RGB 183 200 207	#B7C8CF
50.0%	50.0% #C2D1D6	RGB 194 209 214	#C2D1D6
66.7%	66.7% #CDD9DE	RGB 205 217 222	#CDD9DE
83.3%	83.3% #D8E1E5	RGB 216 225 229	#D8E1E5
100.0%	100.0% #E4EAED	RGB 228 234 237	#E4EAED

#A1B8C0 #ACC0C7 #B7C8CF #C2D1D6 #CDD9DE #D8E1E5 #E4EAED

#A1B8C0 - #E4EAED

HSV Blend

#A1B8C0 - #E4EAED | 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 #A1B8C0 as 0% and #E4EAED as 100%.

0.0%	0.0% #A1B8C0	RGB 161 184 192	#A1B8C0
16.7%	16.7% #ABBFC7	RGB 171 191 199	#ABBFC7
33.3%	33.3% #B6C7CF	RGB 182 199 207	#B6C7CF
50.0%	50.0% #C1D0D6	RGB 193 208 214	#C1D0D6
66.7%	66.7% #CCD8DE	RGB 204 216 222	#CCD8DE
83.3%	83.3% #D8E1E5	RGB 216 225 229	#D8E1E5
100.0%	100.0% #E4EAED	RGB 228 234 237	#E4EAED

#A1B8C0 #ABBFC7 #B6C7CF #C1D0D6 #CCD8DE #D8E1E5 #E4EAED

#A1B8C0 - #C1D0D6 - #E4EAED

CSS codes

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

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