#B2FFD8 - #EFE6C9 | 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 #B2FFD8 to #EFE6C9

#B2FFD8 #EFE6C9

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

#B2FFD8 - #EFE6C9 | 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 #B2FFD8 as 0% and #EFE6C9 as 100%.

0.0%	0.0% #B2FFD8	RGB 178 255 216	#B2FFD8
16.7%	16.7% #BCFAD5	RGB 188 250 213	#BCFAD5
33.3%	33.3% #C6F6D3	RGB 198 246 211	#C6F6D3
50.0%	50.0% #D0F2D0	RGB 208 242 208	#D0F2D0
66.7%	66.7% #DAEECE	RGB 218 238 206	#DAEECE
83.3%	83.3% #E4EACB	RGB 228 234 203	#E4EACB
100.0%	100.0% #EFE6C9	RGB 239 230 201	#EFE6C9

#B2FFD8 #BCFAD5 #C6F6D3 #D0F2D0 #DAEECE #E4EACB #EFE6C9

#B2FFD8 - #EFE6C9

HSV Blend

#B2FFD8 - #EFE6C9 | 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 #B2FFD8 as 0% and #EFE6C9 as 100%.

0.0%	0.0% #B2FFD8	RGB 178 255 216	#B2FFD8
16.7%	16.7% #B6FCC4	RGB 182 252 196	#B6FCC4
33.3%	33.3% #BFF9BA	RGB 191 249 186	#BFF9BA
50.0%	50.0% #D3F7BE	RGB 211 247 190	#D3F7BE
66.7%	66.7% #E3F4C1	RGB 227 244 193	#E3F4C1
83.3%	83.3% #EFF1C5	RGB 239 241 197	#EFF1C5
100.0%	100.0% #EFE6C9	RGB 239 230 201	#EFE6C9

#B2FFD8 #B6FCC4 #BFF9BA #D3F7BE #E3F4C1 #EFF1C5 #EFE6C9

#B2FFD8 - #D3F7BE - #EFE6C9

CSS codes

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

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