#B8D9C5 - #EAF4EE | 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 #B8D9C5 to #EAF4EE

#B8D9C5 #EAF4EE

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

#B8D9C5 - #EAF4EE | 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 #B8D9C5 as 0% and #EAF4EE as 100%.

0.0%	0.0% #B8D9C5	RGB 184 217 197	#B8D9C5
16.7%	16.7% #C0DDCB	RGB 192 221 203	#C0DDCB
33.3%	33.3% #C8E2D2	RGB 200 226 210	#C8E2D2
50.0%	50.0% #D1E6D9	RGB 209 230 217	#D1E6D9
66.7%	66.7% #D9EBE0	RGB 217 235 224	#D9EBE0
83.3%	83.3% #E1EFE7	RGB 225 239 231	#E1EFE7
100.0%	100.0% #EAF4EE	RGB 234 244 238	#EAF4EE

#B8D9C5 #C0DDCB #C8E2D2 #D1E6D9 #D9EBE0 #E1EFE7 #EAF4EE

#B8D9C5 - #EAF4EE

HSV Blend

#B8D9C5 - #EAF4EE | 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 #B8D9C5 as 0% and #EAF4EE as 100%.

0.0%	0.0% #B8D9C5	RGB 184 217 197	#B8D9C5
16.7%	16.7% #BFDDCB	RGB 191 221 203	#BFDDCB
33.3%	33.3% #C8E2D2	RGB 200 226 210	#C8E2D2
50.0%	50.0% #D0E6D9	RGB 208 230 217	#D0E6D9
66.7%	66.7% #D8EBDF	RGB 216 235 223	#D8EBDF
83.3%	83.3% #E1EFE6	RGB 225 239 230	#E1EFE6
100.0%	100.0% #EAF4EE	RGB 234 244 238	#EAF4EE

#B8D9C5 #BFDDCB #C8E2D2 #D0E6D9 #D8EBDF #E1EFE6 #EAF4EE

#B8D9C5 - #D0E6D9 - #EAF4EE

CSS codes

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

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