#B9EDDC - #EBF9F4 | 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 #B9EDDC to #EBF9F4

#B9EDDC #EBF9F4

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

#B9EDDC - #EBF9F4 | 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 #B9EDDC as 0% and #EBF9F4 as 100%.

0.0%	0.0% #B9EDDC	RGB 185 237 220	#B9EDDC
16.7%	16.7% #C1EFE0	RGB 193 239 224	#C1EFE0
33.3%	33.3% #C9F1E4	RGB 201 241 228	#C9F1E4
50.0%	50.0% #D2F3E8	RGB 210 243 232	#D2F3E8
66.7%	66.7% #DAF5EC	RGB 218 245 236	#DAF5EC
83.3%	83.3% #E2F7F0	RGB 226 247 240	#E2F7F0
100.0%	100.0% #EBF9F4	RGB 235 249 244	#EBF9F4

#B9EDDC #C1EFE0 #C9F1E4 #D2F3E8 #DAF5EC #E2F7F0 #EBF9F4

#B9EDDC - #EBF9F4

HSV Blend

#B9EDDC - #EBF9F4 | 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 #B9EDDC as 0% and #EBF9F4 as 100%.

0.0%	0.0% #B9EDDC	RGB 185 237 220	#B9EDDC
16.7%	16.7% #C1EFDF	RGB 193 239 223	#C1EFDF
33.3%	33.3% #C9F1E3	RGB 201 241 227	#C9F1E3
50.0%	50.0% #D1F3E7	RGB 209 243 231	#D1F3E7
66.7%	66.7% #D9F5EB	RGB 217 245 235	#D9F5EB
83.3%	83.3% #E2F7EF	RGB 226 247 239	#E2F7EF
100.0%	100.0% #EBF9F4	RGB 235 249 244	#EBF9F4

#B9EDDC #C1EFDF #C9F1E3 #D1F3E7 #D9F5EB #E2F7EF #EBF9F4

#B9EDDC - #D1F3E7 - #EBF9F4

CSS codes

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

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