#00CF8F - #B6F1DF | 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 #00CF8F to #B6F1DF

#00CF8F #B6F1DF

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

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

0.0%	0.0% #00CF8F	RGB 0 207 143	#00CF8F
16.7%	16.7% #1ED49C	RGB 30 212 156	#1ED49C
33.3%	33.3% #3CDAA9	RGB 60 218 169	#3CDAA9
50.0%	50.0% #5BE0B7	RGB 91 224 183	#5BE0B7
66.7%	66.7% #79E5C4	RGB 121 229 196	#79E5C4
83.3%	83.3% #97EBD1	RGB 151 235 209	#97EBD1
100.0%	100.0% #B6F1DF	RGB 182 241 223	#B6F1DF

#00CF8F #1ED49C #3CDAA9 #5BE0B7 #79E5C4 #97EBD1 #B6F1DF

#00CF8F - #B6F1DF

HSV Blend

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

0.0%	0.0% #00CF8F	RGB 0 207 143	#00CF8F
16.7%	16.7% #1AD49B	RGB 26 212 155	#1AD49B
33.3%	33.3% #36DAA8	RGB 54 218 168	#36DAA8
50.0%	50.0% #54E0B5	RGB 84 224 181	#54E0B5
66.7%	66.7% #73E5C2	RGB 115 229 194	#73E5C2
83.3%	83.3% #94EBD0	RGB 148 235 208	#94EBD0
100.0%	100.0% #B6F1DF	RGB 182 241 223	#B6F1DF

#00CF8F #1AD49B #36DAA8 #54E0B5 #73E5C2 #94EBD0 #B6F1DF

#00CF8F - #54E0B5 - #B6F1DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00CF8F 0%, #54E0B5 50%, #B6F1DF 100%);
    background: -webkit-linear-gradient(top, #00CF8F 0%, #54E0B5 50%, #B6F1DF 100%);
    background: linear-gradient(to bottom, #00CF8F 0%, #54E0B5 50%, #B6F1DF 100%);
}
</style>