#B2FFE5 - #E9E6CD | 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 #B2FFE5 to #E9E6CD

#B2FFE5 #E9E6CD

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

#B2FFE5 - #E9E6CD | 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 #B2FFE5 as 0% and #E9E6CD as 100%.

0.0%	0.0% #B2FFE5	RGB 178 255 229	#B2FFE5
16.7%	16.7% #BBFAE1	RGB 187 250 225	#BBFAE1
33.3%	33.3% #C4F6DD	RGB 196 246 221	#C4F6DD
50.0%	50.0% #CDF2D9	RGB 205 242 217	#CDF2D9
66.7%	66.7% #D6EED5	RGB 214 238 213	#D6EED5
83.3%	83.3% #DFEAD1	RGB 223 234 209	#DFEAD1
100.0%	100.0% #E9E6CD	RGB 233 230 205	#E9E6CD

#B2FFE5 #BBFAE1 #C4F6DD #CDF2D9 #D6EED5 #DFEAD1 #E9E6CD

#B2FFE5 - #E9E6CD

HSV Blend

#B2FFE5 - #E9E6CD | 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 #B2FFE5 as 0% and #E9E6CD as 100%.

0.0%	0.0% #B2FFE5	RGB 178 255 229	#B2FFE5
16.7%	16.7% #B7FBD0	RGB 183 251 208	#B7FBD0
33.3%	33.3% #BBF7C0	RGB 187 247 192	#BBF7C0
50.0%	50.0% #CBF4C0	RGB 203 244 192	#CBF4C0
66.7%	66.7% #DBF0C4	RGB 219 240 196	#DBF0C4
83.3%	83.3% #E5ECC9	RGB 229 236 201	#E5ECC9
100.0%	100.0% #E9E6CD	RGB 233 230 205	#E9E6CD

#B2FFE5 #B7FBD0 #BBF7C0 #CBF4C0 #DBF0C4 #E5ECC9 #E9E6CD

#B2FFE5 - #CBF4C0 - #E9E6CD

CSS codes

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

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