#B2ECE8 - #D6E4CD | 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 #B2ECE8 to #D6E4CD

#B2ECE8 #D6E4CD

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

#B2ECE8 - #D6E4CD | 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 #B2ECE8 as 0% and #D6E4CD as 100%.

0.0%	0.0% #B2ECE8	RGB 178 236 232	#B2ECE8
16.7%	16.7% #B8EAE3	RGB 184 234 227	#B8EAE3
33.3%	33.3% #BEE9DF	RGB 190 233 223	#BEE9DF
50.0%	50.0% #C4E8DA	RGB 196 232 218	#C4E8DA
66.7%	66.7% #CAE6D6	RGB 202 230 214	#CAE6D6
83.3%	83.3% #D0E5D1	RGB 208 229 209	#D0E5D1
100.0%	100.0% #D6E4CD	RGB 214 228 205	#D6E4CD

#B2ECE8 #B8EAE3 #BEE9DF #C4E8DA #CAE6D6 #D0E5D1 #D6E4CD

#B2ECE8 - #D6E4CD

HSV Blend

#B2ECE8 - #D6E4CD | 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 #B2ECE8 as 0% and #D6E4CD as 100%.

0.0%	0.0% #B2ECE8	RGB 178 236 232	#B2ECE8
16.7%	16.7% #B6EADB	RGB 182 234 219	#B6EADB
33.3%	33.3% #BBE9D1	RGB 187 233 209	#BBE9D1
50.0%	50.0% #BFE8CA	RGB 191 232 202	#BFE8CA
66.7%	66.7% #C4E6C5	RGB 196 230 197	#C4E6C5
83.3%	83.3% #CDE5C8	RGB 205 229 200	#CDE5C8
100.0%	100.0% #D6E4CD	RGB 214 228 205	#D6E4CD

#B2ECE8 #B6EADB #BBE9D1 #BFE8CA #C4E6C5 #CDE5C8 #D6E4CD

#B2ECE8 - #BFE8CA - #D6E4CD

CSS codes

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

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