#E2EEEE - #96CDC2 | 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 #E2EEEE to #96CDC2

#E2EEEE #96CDC2

Calculate the color between two colors, #E2EEEE and #96CDC2. 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)

#E2EEEE - #96CDC2 | 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 #E2EEEE as 0% and #96CDC2 as 100%.

0.0%	0.0% #E2EEEE	RGB 226 238 238	#E2EEEE
16.7%	16.7% #D5E8E6	RGB 213 232 230	#D5E8E6
33.3%	33.3% #C8E3DF	RGB 200 227 223	#C8E3DF
50.0%	50.0% #BCDDD8	RGB 188 221 216	#BCDDD8
66.7%	66.7% #AFD8D0	RGB 175 216 208	#AFD8D0
83.3%	83.3% #A2D2C9	RGB 162 210 201	#A2D2C9
100.0%	100.0% #96CDC2	RGB 150 205 194	#96CDC2

#E2EEEE #D5E8E6 #C8E3DF #BCDDD8 #AFD8D0 #A2D2C9 #96CDC2

#E2EEEE - #96CDC2

HSV Blend

#E2EEEE - #96CDC2 | 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 #E2EEEE as 0% and #96CDC2 as 100%.

0.0%	0.0% #E2EEEE	RGB 226 238 238	#E2EEEE
16.7%	16.7% #D4E8E7	RGB 212 232 231	#D4E8E7
33.3%	33.3% #C7E3E1	RGB 199 227 225	#C7E3E1
50.0%	50.0% #BADDD9	RGB 186 221 217	#BADDD9
66.7%	66.7% #ADD8D2	RGB 173 216 210	#ADD8D2
83.3%	83.3% #A1D2CA	RGB 161 210 202	#A1D2CA
100.0%	100.0% #96CDC2	RGB 150 205 194	#96CDC2

#E2EEEE #D4E8E7 #C7E3E1 #BADDD9 #ADD8D2 #A1D2CA #96CDC2

#E2EEEE - #BADDD9 - #96CDC2

CSS codes

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

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