#B0FFDE - #ECEEFF | 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 #B0FFDE to #ECEEFF

#B0FFDE #ECEEFF

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

#B0FFDE - #ECEEFF | 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 #B0FFDE as 0% and #ECEEFF as 100%.

0.0%	0.0% #B0FFDE	RGB 176 255 222	#B0FFDE
16.7%	16.7% #BAFCE3	RGB 186 252 227	#BAFCE3
33.3%	33.3% #C4F9E9	RGB 196 249 233	#C4F9E9
50.0%	50.0% #CEF6EE	RGB 206 246 238	#CEF6EE
66.7%	66.7% #D8F3F4	RGB 216 243 244	#D8F3F4
83.3%	83.3% #E2F0F9	RGB 226 240 249	#E2F0F9
100.0%	100.0% #ECEEFF	RGB 236 238 255	#ECEEFF

#B0FFDE #BAFCE3 #C4F9E9 #CEF6EE #D8F3F4 #E2F0F9 #ECEEFF

#B0FFDE - #ECEEFF

HSV Blend

#B0FFDE - #ECEEFF | 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 #B0FFDE as 0% and #ECEEFF as 100%.

0.0%	0.0% #B0FFDE	RGB 176 255 222	#B0FFDE
16.7%	16.7% #BAFFF1	RGB 186 255 241	#BAFFF1
33.3%	33.3% #C4FDFF	RGB 196 253 255	#C4FDFF
50.0%	50.0% #CEF3FF	RGB 206 243 255	#CEF3FF
66.7%	66.7% #D8EDFF	RGB 216 237 255	#D8EDFF
83.3%	83.3% #E2EBFF	RGB 226 235 255	#E2EBFF
100.0%	100.0% #ECEEFF	RGB 236 238 255	#ECEEFF

#B0FFDE #BAFFF1 #C4FDFF #CEF3FF #D8EDFF #E2EBFF #ECEEFF

#B0FFDE - #CEF3FF - #ECEEFF

CSS codes

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

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