#BAFFF6 - #E2EEF0 | 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 #BAFFF6 to #E2EEF0

#BAFFF6 #E2EEF0

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

#BAFFF6 - #E2EEF0 | 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 #BAFFF6 as 0% and #E2EEF0 as 100%.

0.0%	0.0% #BAFFF6	RGB 186 255 246	#BAFFF6
16.7%	16.7% #C0FCF5	RGB 192 252 245	#C0FCF5
33.3%	33.3% #C7F9F4	RGB 199 249 244	#C7F9F4
50.0%	50.0% #CEF6F3	RGB 206 246 243	#CEF6F3
66.7%	66.7% #D4F3F2	RGB 212 243 242	#D4F3F2
83.3%	83.3% #DBF0F1	RGB 219 240 241	#DBF0F1
100.0%	100.0% #E2EEF0	RGB 226 238 240	#E2EEF0

#BAFFF6 #C0FCF5 #C7F9F4 #CEF6F3 #D4F3F2 #DBF0F1 #E2EEF0

#BAFFF6 - #E2EEF0

HSV Blend

#BAFFF6 - #E2EEF0 | 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 #BAFFF6 as 0% and #E2EEF0 as 100%.

0.0%	0.0% #BAFFF6	RGB 186 255 246	#BAFFF6
16.7%	16.7% #C1FCF7	RGB 193 252 247	#C1FCF7
33.3%	33.3% #C8FAF8	RGB 200 250 248	#C8FAF8
50.0%	50.0% #CEF7F7	RGB 206 247 247	#CEF7F7
66.7%	66.7% #D5F3F5	RGB 213 243 245	#D5F3F5
83.3%	83.3% #DBF0F2	RGB 219 240 242	#DBF0F2
100.0%	100.0% #E2EEF0	RGB 226 238 240	#E2EEF0

#BAFFF6 #C1FCF7 #C8FAF8 #CEF7F7 #D5F3F5 #DBF0F2 #E2EEF0

#BAFFF6 - #CEF7F7 - #E2EEF0

CSS codes

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

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