#B2ECE5 - #42C5BE | 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 #B2ECE5 to #42C5BE

#B2ECE5 #42C5BE

Calculate the color between two colors, #B2ECE5 and #42C5BE. 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)

#B2ECE5 - #42C5BE | 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 #B2ECE5 as 0% and #42C5BE as 100%.

0.0%	0.0% #B2ECE5	RGB 178 236 229	#B2ECE5
16.7%	16.7% #9FE5DE	RGB 159 229 222	#9FE5DE
33.3%	33.3% #8CDFD8	RGB 140 223 216	#8CDFD8
50.0%	50.0% #7AD8D1	RGB 122 216 209	#7AD8D1
66.7%	66.7% #67D2CB	RGB 103 210 203	#67D2CB
83.3%	83.3% #54CBC4	RGB 84 203 196	#54CBC4
100.0%	100.0% #42C5BE	RGB 66 197 190	#42C5BE

#B2ECE5 #9FE5DE #8CDFD8 #7AD8D1 #67D2CB #54CBC4 #42C5BE

#B2ECE5 - #42C5BE

HSV Blend

#B2ECE5 - #42C5BE | 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 #B2ECE5 as 0% and #42C5BE as 100%.

0.0%	0.0% #B2ECE5	RGB 178 236 229	#B2ECE5
16.7%	16.7% #9DE5DD	RGB 157 229 221	#9DE5DD
33.3%	33.3% #89DFD6	RGB 137 223 214	#89DFD6
50.0%	50.0% #75D8CF	RGB 117 216 207	#75D8CF
66.7%	66.7% #63D2C9	RGB 99 210 201	#63D2C9
83.3%	83.3% #52CBC3	RGB 82 203 195	#52CBC3
100.0%	100.0% #42C5BE	RGB 66 197 190	#42C5BE

#B2ECE5 #9DE5DD #89DFD6 #75D8CF #63D2C9 #52CBC3 #42C5BE

#B2ECE5 - #75D8CF - #42C5BE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2ECE5 0%, #75D8CF 50%, #42C5BE 100%);
    background: -webkit-linear-gradient(top, #B2ECE5 0%, #75D8CF 50%, #42C5BE 100%);
    background: linear-gradient(to bottom, #B2ECE5 0%, #75D8CF 50%, #42C5BE 100%);
}
</style>