#B2FCF7 - #DCEDEE | 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 #B2FCF7 to #DCEDEE

#B2FCF7 #DCEDEE

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

#B2FCF7 - #DCEDEE | 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 #B2FCF7 as 0% and #DCEDEE as 100%.

0.0%	0.0% #B2FCF7	RGB 178 252 247	#B2FCF7
16.7%	16.7% #B9F9F5	RGB 185 249 245	#B9F9F5
33.3%	33.3% #C0F7F4	RGB 192 247 244	#C0F7F4
50.0%	50.0% #C7F4F2	RGB 199 244 242	#C7F4F2
66.7%	66.7% #CEF2F1	RGB 206 242 241	#CEF2F1
83.3%	83.3% #D5EFEF	RGB 213 239 239	#D5EFEF
100.0%	100.0% #DCEDEE	RGB 220 237 238	#DCEDEE

#B2FCF7 #B9F9F5 #C0F7F4 #C7F4F2 #CEF2F1 #D5EFEF #DCEDEE

#B2FCF7 - #DCEDEE

HSV Blend

#B2FCF7 - #DCEDEE | 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 #B2FCF7 as 0% and #DCEDEE as 100%.

0.0%	0.0% #B2FCF7	RGB 178 252 247	#B2FCF7
16.7%	16.7% #B9F9F6	RGB 185 249 246	#B9F9F6
33.3%	33.3% #C0F7F5	RGB 192 247 245	#C0F7F5
50.0%	50.0% #C7F5F4	RGB 199 245 244	#C7F5F4
66.7%	66.7% #CEF2F2	RGB 206 242 242	#CEF2F2
83.3%	83.3% #D5EFF0	RGB 213 239 240	#D5EFF0
100.0%	100.0% #DCEDEE	RGB 220 237 238	#DCEDEE

#B2FCF7 #B9F9F6 #C0F7F5 #C7F5F4 #CEF2F2 #D5EFF0 #DCEDEE

#B2FCF7 - #C7F5F4 - #DCEDEE

CSS codes

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

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