#00BD9F - #B6ECE3 | 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 #00BD9F to #B6ECE3

#00BD9F #B6ECE3

Calculate the color between two colors, #00BD9F and #B6ECE3. 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)

#00BD9F - #B6ECE3 | 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 #00BD9F as 0% and #B6ECE3 as 100%.

0.0%	0.0% #00BD9F	RGB 0 189 159	#00BD9F
16.7%	16.7% #1EC4AA	RGB 30 196 170	#1EC4AA
33.3%	33.3% #3CCCB5	RGB 60 204 181	#3CCCB5
50.0%	50.0% #5BD4C1	RGB 91 212 193	#5BD4C1
66.7%	66.7% #79DCCC	RGB 121 220 204	#79DCCC
83.3%	83.3% #97E4D7	RGB 151 228 215	#97E4D7
100.0%	100.0% #B6ECE3	RGB 182 236 227	#B6ECE3

#00BD9F #1EC4AA #3CCCB5 #5BD4C1 #79DCCC #97E4D7 #B6ECE3

#00BD9F - #B6ECE3

HSV Blend

#00BD9F - #B6ECE3 | 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 #00BD9F as 0% and #B6ECE3 as 100%.

0.0%	0.0% #00BD9F	RGB 0 189 159	#00BD9F
16.7%	16.7% #19C4A9	RGB 25 196 169	#19C4A9
33.3%	33.3% #34CCB4	RGB 52 204 180	#34CCB4
50.0%	50.0% #51D4BF	RGB 81 212 191	#51D4BF
66.7%	66.7% #71DCCA	RGB 113 220 202	#71DCCA
83.3%	83.3% #92E4D6	RGB 146 228 214	#92E4D6
100.0%	100.0% #B6ECE3	RGB 182 236 227	#B6ECE3

#00BD9F #19C4A9 #34CCB4 #51D4BF #71DCCA #92E4D6 #B6ECE3

#00BD9F - #51D4BF - #B6ECE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BD9F 0%, #51D4BF 50%, #B6ECE3 100%);
    background: -webkit-linear-gradient(top, #00BD9F 0%, #51D4BF 50%, #B6ECE3 100%);
    background: linear-gradient(to bottom, #00BD9F 0%, #51D4BF 50%, #B6ECE3 100%);
}
</style>