#B8DCC1 - #EAF5EC | 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 #B8DCC1 to #EAF5EC

#B8DCC1 #EAF5EC

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

#B8DCC1 - #EAF5EC | 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 #B8DCC1 as 0% and #EAF5EC as 100%.

0.0%	0.0% #B8DCC1	RGB 184 220 193	#B8DCC1
16.7%	16.7% #C0E0C8	RGB 192 224 200	#C0E0C8
33.3%	33.3% #C8E4CF	RGB 200 228 207	#C8E4CF
50.0%	50.0% #D1E8D6	RGB 209 232 214	#D1E8D6
66.7%	66.7% #D9ECDD	RGB 217 236 221	#D9ECDD
83.3%	83.3% #E1F0E4	RGB 225 240 228	#E1F0E4
100.0%	100.0% #EAF5EC	RGB 234 245 236	#EAF5EC

#B8DCC1 #C0E0C8 #C8E4CF #D1E8D6 #D9ECDD #E1F0E4 #EAF5EC

#B8DCC1 - #EAF5EC

HSV Blend

#B8DCC1 - #EAF5EC | 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 #B8DCC1 as 0% and #EAF5EC as 100%.

0.0%	0.0% #B8DCC1	RGB 184 220 193	#B8DCC1
16.7%	16.7% #BFE0C7	RGB 191 224 199	#BFE0C7
33.3%	33.3% #C8E4CE	RGB 200 228 206	#C8E4CE
50.0%	50.0% #D0E8D5	RGB 208 232 213	#D0E8D5
66.7%	66.7% #D8ECDC	RGB 216 236 220	#D8ECDC
83.3%	83.3% #E1F0E4	RGB 225 240 228	#E1F0E4
100.0%	100.0% #EAF5EC	RGB 234 245 236	#EAF5EC

#B8DCC1 #BFE0C7 #C8E4CE #D0E8D5 #D8ECDC #E1F0E4 #EAF5EC

#B8DCC1 - #D0E8D5 - #EAF5EC

CSS codes

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

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