#EBEDF0 - #A2B2CD | 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 #EBEDF0 to #A2B2CD

#EBEDF0 #A2B2CD

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

#EBEDF0 - #A2B2CD | 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 #EBEDF0 as 0% and #A2B2CD as 100%.

0.0%	0.0% #EBEDF0	RGB 235 237 240	#EBEDF0
16.7%	16.7% #DEE3EA	RGB 222 227 234	#DEE3EA
33.3%	33.3% #D2D9E4	RGB 210 217 228	#D2D9E4
50.0%	50.0% #C6CFDE	RGB 198 207 222	#C6CFDE
66.7%	66.7% #BAC5D8	RGB 186 197 216	#BAC5D8
83.3%	83.3% #AEBBD2	RGB 174 187 210	#AEBBD2
100.0%	100.0% #A2B2CD	RGB 162 178 205	#A2B2CD

#EBEDF0 #DEE3EA #D2D9E4 #C6CFDE #BAC5D8 #AEBBD2 #A2B2CD

#EBEDF0 - #A2B2CD

HSV Blend

#EBEDF0 - #A2B2CD | 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 #EBEDF0 as 0% and #A2B2CD as 100%.

0.0%	0.0% #EBEDF0	RGB 235 237 240	#EBEDF0
16.7%	16.7% #DDE2EA	RGB 221 226 234	#DDE2EA
33.3%	33.3% #D1D8E4	RGB 209 216 228	#D1D8E4
50.0%	50.0% #C4CEDE	RGB 196 206 222	#C4CEDE
66.7%	66.7% #B8C4D8	RGB 184 196 216	#B8C4D8
83.3%	83.3% #ADBBD2	RGB 173 187 210	#ADBBD2
100.0%	100.0% #A2B2CD	RGB 162 178 205	#A2B2CD

#EBEDF0 #DDE2EA #D1D8E4 #C4CEDE #B8C4D8 #ADBBD2 #A2B2CD

#EBEDF0 - #C4CEDE - #A2B2CD

CSS codes

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

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