#B8D9CC - #EAF4F0 | 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 #B8D9CC to #EAF4F0

#B8D9CC #EAF4F0

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

#B8D9CC - #EAF4F0 | 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 #B8D9CC as 0% and #EAF4F0 as 100%.

0.0%	0.0% #B8D9CC	RGB 184 217 204	#B8D9CC
16.7%	16.7% #C0DDD2	RGB 192 221 210	#C0DDD2
33.3%	33.3% #C8E2D8	RGB 200 226 216	#C8E2D8
50.0%	50.0% #D1E6DE	RGB 209 230 222	#D1E6DE
66.7%	66.7% #D9EBE4	RGB 217 235 228	#D9EBE4
83.3%	83.3% #E1EFEA	RGB 225 239 234	#E1EFEA
100.0%	100.0% #EAF4F0	RGB 234 244 240	#EAF4F0

#B8D9CC #C0DDD2 #C8E2D8 #D1E6DE #D9EBE4 #E1EFEA #EAF4F0

#B8D9CC - #EAF4F0

HSV Blend

#B8D9CC - #EAF4F0 | 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 #B8D9CC as 0% and #EAF4F0 as 100%.

0.0%	0.0% #B8D9CC	RGB 184 217 204	#B8D9CC
16.7%	16.7% #BFDDD1	RGB 191 221 209	#BFDDD1
33.3%	33.3% #C8E2D7	RGB 200 226 215	#C8E2D7
50.0%	50.0% #D0E6DD	RGB 208 230 221	#D0E6DD
66.7%	66.7% #D8EBE3	RGB 216 235 227	#D8EBE3
83.3%	83.3% #E1EFE9	RGB 225 239 233	#E1EFE9
100.0%	100.0% #EAF4F0	RGB 234 244 240	#EAF4F0

#B8D9CC #BFDDD1 #C8E2D7 #D0E6DD #D8EBE3 #E1EFE9 #EAF4F0

#B8D9CC - #D0E6DD - #EAF4F0

CSS codes

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

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