#B8D4B9 - #EAF2EA | 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 #B8D4B9 to #EAF2EA

#B8D4B9 #EAF2EA

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

#B8D4B9 - #EAF2EA | 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 #B8D4B9 as 0% and #EAF2EA as 100%.

0.0%	0.0% #B8D4B9	RGB 184 212 185	#B8D4B9
16.7%	16.7% #C0D9C1	RGB 192 217 193	#C0D9C1
33.3%	33.3% #C8DEC9	RGB 200 222 201	#C8DEC9
50.0%	50.0% #D1E3D1	RGB 209 227 209	#D1E3D1
66.7%	66.7% #D9E8D9	RGB 217 232 217	#D9E8D9
83.3%	83.3% #E1EDE1	RGB 225 237 225	#E1EDE1
100.0%	100.0% #EAF2EA	RGB 234 242 234	#EAF2EA

#B8D4B9 #C0D9C1 #C8DEC9 #D1E3D1 #D9E8D9 #E1EDE1 #EAF2EA

#B8D4B9 - #EAF2EA

HSV Blend

#B8D4B9 - #EAF2EA | 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 #B8D4B9 as 0% and #EAF2EA as 100%.

0.0%	0.0% #B8D4B9	RGB 184 212 185	#B8D4B9
16.7%	16.7% #BFD9C0	RGB 191 217 192	#BFD9C0
33.3%	33.3% #C8DEC8	RGB 200 222 200	#C8DEC8
50.0%	50.0% #D0E3D0	RGB 208 227 208	#D0E3D0
66.7%	66.7% #D8E8D8	RGB 216 232 216	#D8E8D8
83.3%	83.3% #E1EDE1	RGB 225 237 225	#E1EDE1
100.0%	100.0% #EAF2EA	RGB 234 242 234	#EAF2EA

#B8D4B9 #BFD9C0 #C8DEC8 #D0E3D0 #D8E8D8 #E1EDE1 #EAF2EA

#B8D4B9 - #D0E3D0 - #EAF2EA

CSS codes

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

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