#B0FCFF - #3ECCCE | 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 #B0FCFF to #3ECCCE

#B0FCFF #3ECCCE

Calculate the color between two colors, #B0FCFF and #3ECCCE. 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)

#B0FCFF - #3ECCCE | 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 #B0FCFF as 0% and #3ECCCE as 100%.

0.0%	0.0% #B0FCFF	RGB 176 252 255	#B0FCFF
16.7%	16.7% #9DF4F6	RGB 157 244 246	#9DF4F6
33.3%	33.3% #8AECEE	RGB 138 236 238	#8AECEE
50.0%	50.0% #77E4E6	RGB 119 228 230	#77E4E6
66.7%	66.7% #64DCDE	RGB 100 220 222	#64DCDE
83.3%	83.3% #51D4D6	RGB 81 212 214	#51D4D6
100.0%	100.0% #3ECCCE	RGB 62 204 206	#3ECCCE

#B0FCFF #9DF4F6 #8AECEE #77E4E6 #64DCDE #51D4D6 #3ECCCE

#B0FCFF - #3ECCCE

HSV Blend

#B0FCFF - #3ECCCE | 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 #B0FCFF as 0% and #3ECCCE as 100%.

0.0%	0.0% #B0FCFF	RGB 176 252 255	#B0FCFF
16.7%	16.7% #9AF3F6	RGB 154 243 246	#9AF3F6
33.3%	33.3% #85EBEE	RGB 133 235 238	#85EBEE
50.0%	50.0% #72E3E6	RGB 114 227 230	#72E3E6
66.7%	66.7% #5FDBDE	RGB 95 219 222	#5FDBDE
83.3%	83.3% #4ED3D6	RGB 78 211 214	#4ED3D6
100.0%	100.0% #3ECCCE	RGB 62 204 206	#3ECCCE

#B0FCFF #9AF3F6 #85EBEE #72E3E6 #5FDBDE #4ED3D6 #3ECCCE

#B0FCFF - #72E3E6 - #3ECCCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0FCFF 0%, #72E3E6 50%, #3ECCCE 100%);
    background: -webkit-linear-gradient(top, #B0FCFF 0%, #72E3E6 50%, #3ECCCE 100%);
    background: linear-gradient(to bottom, #B0FCFF 0%, #72E3E6 50%, #3ECCCE 100%);
}
</style>