#B8D4C1 - #EAF2EC | 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 #B8D4C1 to #EAF2EC

#B8D4C1 #EAF2EC

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

#B8D4C1 - #EAF2EC | 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 #B8D4C1 as 0% and #EAF2EC as 100%.

0.0%	0.0% #B8D4C1	RGB 184 212 193	#B8D4C1
16.7%	16.7% #C0D9C8	RGB 192 217 200	#C0D9C8
33.3%	33.3% #C8DECF	RGB 200 222 207	#C8DECF
50.0%	50.0% #D1E3D6	RGB 209 227 214	#D1E3D6
66.7%	66.7% #D9E8DD	RGB 217 232 221	#D9E8DD
83.3%	83.3% #E1EDE4	RGB 225 237 228	#E1EDE4
100.0%	100.0% #EAF2EC	RGB 234 242 236	#EAF2EC

#B8D4C1 #C0D9C8 #C8DECF #D1E3D6 #D9E8DD #E1EDE4 #EAF2EC

#B8D4C1 - #EAF2EC

HSV Blend

#B8D4C1 - #EAF2EC | 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 #B8D4C1 as 0% and #EAF2EC as 100%.

0.0%	0.0% #B8D4C1	RGB 184 212 193	#B8D4C1
16.7%	16.7% #BFD9C7	RGB 191 217 199	#BFD9C7
33.3%	33.3% #C8DECE	RGB 200 222 206	#C8DECE
50.0%	50.0% #D0E3D5	RGB 208 227 213	#D0E3D5
66.7%	66.7% #D8E8DC	RGB 216 232 220	#D8E8DC
83.3%	83.3% #E1EDE4	RGB 225 237 228	#E1EDE4
100.0%	100.0% #EAF2EC	RGB 234 242 236	#EAF2EC

#B8D4C1 #BFD9C7 #C8DECE #D0E3D5 #D8E8DC #E1EDE4 #EAF2EC

#B8D4C1 - #D0E3D5 - #EAF2EC

CSS codes

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

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