#B2FFEB - #41CEAD | 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 #B2FFEB to #41CEAD

#B2FFEB #41CEAD

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

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

0.0%	0.0% #B2FFEB	RGB 178 255 235	#B2FFEB
16.7%	16.7% #9FF6E0	RGB 159 246 224	#9FF6E0
33.3%	33.3% #8CEED6	RGB 140 238 214	#8CEED6
50.0%	50.0% #79E6CC	RGB 121 230 204	#79E6CC
66.7%	66.7% #66DEC1	RGB 102 222 193	#66DEC1
83.3%	83.3% #53D6B7	RGB 83 214 183	#53D6B7
100.0%	100.0% #41CEAD	RGB 65 206 173	#41CEAD

#B2FFEB #9FF6E0 #8CEED6 #79E6CC #66DEC1 #53D6B7 #41CEAD

#B2FFEB - #41CEAD

HSV Blend

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

0.0%	0.0% #B2FFEB	RGB 178 255 235	#B2FFEB
16.7%	16.7% #9CF6DF	RGB 156 246 223	#9CF6DF
33.3%	33.3% #88EED4	RGB 136 238 212	#88EED4
50.0%	50.0% #74E6CA	RGB 116 230 202	#74E6CA
66.7%	66.7% #62DEC0	RGB 98 222 192	#62DEC0
83.3%	83.3% #51D6B6	RGB 81 214 182	#51D6B6
100.0%	100.0% #41CEAD	RGB 65 206 173	#41CEAD

#B2FFEB #9CF6DF #88EED4 #74E6CA #62DEC0 #51D6B6 #41CEAD

#B2FFEB - #74E6CA - #41CEAD

CSS codes

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

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