#E8EEF0 - #A2B5A8 | 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 #E8EEF0 to #A2B5A8

#E8EEF0 #A2B5A8

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

#E8EEF0 - #A2B5A8 | 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 #E8EEF0 as 0% and #A2B5A8 as 100%.

0.0%	0.0% #E8EEF0	RGB 232 238 240	#E8EEF0
16.7%	16.7% #DCE4E4	RGB 220 228 228	#DCE4E4
33.3%	33.3% #D0DBD8	RGB 208 219 216	#D0DBD8
50.0%	50.0% #C5D1CC	RGB 197 209 204	#C5D1CC
66.7%	66.7% #B9C8C0	RGB 185 200 192	#B9C8C0
83.3%	83.3% #ADBEB4	RGB 173 190 180	#ADBEB4
100.0%	100.0% #A2B5A8	RGB 162 181 168	#A2B5A8

#E8EEF0 #DCE4E4 #D0DBD8 #C5D1CC #B9C8C0 #ADBEB4 #A2B5A8

#E8EEF0 - #A2B5A8

HSV Blend

#E8EEF0 - #A2B5A8 | 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 #E8EEF0 as 0% and #A2B5A8 as 100%.

0.0%	0.0% #E8EEF0	RGB 232 238 240	#E8EEF0
16.7%	16.7% #DBE5E6	RGB 219 229 230	#DBE5E6
33.3%	33.3% #CFDCDB	RGB 207 220 219	#CFDCDB
50.0%	50.0% #C3D2CF	RGB 195 210 207	#C3D2CF
66.7%	66.7% #B8C8C2	RGB 184 200 194	#B8C8C2
83.3%	83.3% #ADBEB5	RGB 173 190 181	#ADBEB5
100.0%	100.0% #A2B5A8	RGB 162 181 168	#A2B5A8

#E8EEF0 #DBE5E6 #CFDCDB #C3D2CF #B8C8C2 #ADBEB5 #A2B5A8

#E8EEF0 - #C3D2CF - #A2B5A8

CSS codes

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

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