#B2FFF0 - #EBEFC9 | 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 #B2FFF0 to #EBEFC9

#B2FFF0 #EBEFC9

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

#B2FFF0 - #EBEFC9 | 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 #B2FFF0 as 0% and #EBEFC9 as 100%.

0.0%	0.0% #B2FFF0	RGB 178 255 240	#B2FFF0
16.7%	16.7% #BBFCE9	RGB 187 252 233	#BBFCE9
33.3%	33.3% #C5F9E3	RGB 197 249 227	#C5F9E3
50.0%	50.0% #CEF7DC	RGB 206 247 220	#CEF7DC
66.7%	66.7% #D8F4D6	RGB 216 244 214	#D8F4D6
83.3%	83.3% #E1F1CF	RGB 225 241 207	#E1F1CF
100.0%	100.0% #EBEFC9	RGB 235 239 201	#EBEFC9

#B2FFF0 #BBFCE9 #C5F9E3 #CEF7DC #D8F4D6 #E1F1CF #EBEFC9

#B2FFF0 - #EBEFC9

HSV Blend

#B2FFF0 - #EBEFC9 | 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 #B2FFF0 as 0% and #EBEFC9 as 100%.

0.0%	0.0% #B2FFF0	RGB 178 255 240	#B2FFF0
16.7%	16.7% #B6FCDA	RGB 182 252 218	#B6FCDA
33.3%	33.3% #BAF9C9	RGB 186 249 201	#BAF9C9
50.0%	50.0% #C0F7BE	RGB 192 247 190	#C0F7BE
66.7%	66.7% #D2F4C1	RGB 210 244 193	#D2F4C1
83.3%	83.3% #E0F1C5	RGB 224 241 197	#E0F1C5
100.0%	100.0% #EBEFC9	RGB 235 239 201	#EBEFC9

#B2FFF0 #B6FCDA #BAF9C9 #C0F7BE #D2F4C1 #E0F1C5 #EBEFC9

#B2FFF0 - #C0F7BE - #EBEFC9

CSS codes

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

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