#96C2BA - #E1EDEB | 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 #96C2BA to #E1EDEB

#96C2BA #E1EDEB

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

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

0.0%	0.0% #96C2BA	RGB 150 194 186	#96C2BA
16.7%	16.7% #A2C9C2	RGB 162 201 194	#A2C9C2
33.3%	33.3% #AFD0CA	RGB 175 208 202	#AFD0CA
50.0%	50.0% #BBD7D2	RGB 187 215 210	#BBD7D2
66.7%	66.7% #C8DEDA	RGB 200 222 218	#C8DEDA
83.3%	83.3% #D4E5E2	RGB 212 229 226	#D4E5E2
100.0%	100.0% #E1EDEB	RGB 225 237 235	#E1EDEB

#96C2BA #A2C9C2 #AFD0CA #BBD7D2 #C8DEDA #D4E5E2 #E1EDEB

#96C2BA - #E1EDEB

HSV Blend

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

0.0%	0.0% #96C2BA	RGB 150 194 186	#96C2BA
16.7%	16.7% #A1C9C2	RGB 161 201 194	#A1C9C2
33.3%	33.3% #ADD0CA	RGB 173 208 202	#ADD0CA
50.0%	50.0% #B9D7D2	RGB 185 215 210	#B9D7D2
66.7%	66.7% #C6DEDA	RGB 198 222 218	#C6DEDA
83.3%	83.3% #D3E5E2	RGB 211 229 226	#D3E5E2
100.0%	100.0% #E1EDEB	RGB 225 237 235	#E1EDEB

#96C2BA #A1C9C2 #ADD0CA #B9D7D2 #C6DEDA #D3E5E2 #E1EDEB

#96C2BA - #B9D7D2 - #E1EDEB

CSS codes

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

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