#B5FFF0 - #E2E4D1 | 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 #B5FFF0 to #E2E4D1

#B5FFF0 #E2E4D1

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

#B5FFF0 - #E2E4D1 | 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 #B5FFF0 as 0% and #E2E4D1 as 100%.

0.0%	0.0% #B5FFF0	RGB 181 255 240	#B5FFF0
16.7%	16.7% #BCFAEA	RGB 188 250 234	#BCFAEA
33.3%	33.3% #C4F6E5	RGB 196 246 229	#C4F6E5
50.0%	50.0% #CBF1E0	RGB 203 241 224	#CBF1E0
66.7%	66.7% #D3EDDB	RGB 211 237 219	#D3EDDB
83.3%	83.3% #DAE8D6	RGB 218 232 214	#DAE8D6
100.0%	100.0% #E2E4D1	RGB 226 228 209	#E2E4D1

#B5FFF0 #BCFAEA #C4F6E5 #CBF1E0 #D3EDDB #DAE8D6 #E2E4D1

#B5FFF0 - #E2E4D1

HSV Blend

#B5FFF0 - #E2E4D1 | 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 #B5FFF0 as 0% and #E2E4D1 as 100%.

0.0%	0.0% #B5FFF0	RGB 181 255 240	#B5FFF0
16.7%	16.7% #BAFADB	RGB 186 250 219	#BAFADB
33.3%	33.3% #BFF6CC	RGB 191 246 204	#BFF6CC
50.0%	50.0% #C6F1C4	RGB 198 241 196	#C6F1C4
66.7%	66.7% #D4EDC8	RGB 212 237 200	#D4EDC8
83.3%	83.3% #DDE8CD	RGB 221 232 205	#DDE8CD
100.0%	100.0% #E2E4D1	RGB 226 228 209	#E2E4D1

#B5FFF0 #BAFADB #BFF6CC #C6F1C4 #D4EDC8 #DDE8CD #E2E4D1

#B5FFF0 - #C6F1C4 - #E2E4D1

CSS codes

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

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