#B2FCFF - #41CDCE | 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 #B2FCFF to #41CDCE

#B2FCFF #41CDCE

Calculate the color between two colors, #B2FCFF and #41CDCE. 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)

#B2FCFF - #41CDCE | 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 #B2FCFF as 0% and #41CDCE as 100%.

0.0%	0.0% #B2FCFF	RGB 178 252 255	#B2FCFF
16.7%	16.7% #9FF4F6	RGB 159 244 246	#9FF4F6
33.3%	33.3% #8CECEE	RGB 140 236 238	#8CECEE
50.0%	50.0% #79E4E6	RGB 121 228 230	#79E4E6
66.7%	66.7% #66DCDE	RGB 102 220 222	#66DCDE
83.3%	83.3% #53D4D6	RGB 83 212 214	#53D4D6
100.0%	100.0% #41CDCE	RGB 65 205 206	#41CDCE

#B2FCFF #9FF4F6 #8CECEE #79E4E6 #66DCDE #53D4D6 #41CDCE

#B2FCFF - #41CDCE

HSV Blend

#B2FCFF - #41CDCE | 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 #B2FCFF as 0% and #41CDCE as 100%.

0.0%	0.0% #B2FCFF	RGB 178 252 255	#B2FCFF
16.7%	16.7% #9CF3F6	RGB 156 243 246	#9CF3F6
33.3%	33.3% #88EBEE	RGB 136 235 238	#88EBEE
50.0%	50.0% #74E3E6	RGB 116 227 230	#74E3E6
66.7%	66.7% #62DCDE	RGB 98 220 222	#62DCDE
83.3%	83.3% #51D4D6	RGB 81 212 214	#51D4D6
100.0%	100.0% #41CDCE	RGB 65 205 206	#41CDCE

#B2FCFF #9CF3F6 #88EBEE #74E3E6 #62DCDE #51D4D6 #41CDCE

#B2FCFF - #74E3E6 - #41CDCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2FCFF 0%, #74E3E6 50%, #41CDCE 100%);
    background: -webkit-linear-gradient(top, #B2FCFF 0%, #74E3E6 50%, #41CDCE 100%);
    background: linear-gradient(to bottom, #B2FCFF 0%, #74E3E6 50%, #41CDCE 100%);
}
</style>