#00B8C9 - #C4FFD5 | 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 #00B8C9 to #C4FFD5

#00B8C9 #C4FFD5

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

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

0.0%	0.0% #00B8C9	RGB 0 184 201	#00B8C9
16.7%	16.7% #20C3CB	RGB 32 195 203	#20C3CB
33.3%	33.3% #41CFCD	RGB 65 207 205	#41CFCD
50.0%	50.0% #62DBCF	RGB 98 219 207	#62DBCF
66.7%	66.7% #82E7D1	RGB 130 231 209	#82E7D1
83.3%	83.3% #A3F3D3	RGB 163 243 211	#A3F3D3
100.0%	100.0% #C4FFD5	RGB 196 255 213	#C4FFD5

#00B8C9 #20C3CB #41CFCD #62DBCF #82E7D1 #A3F3D3 #C4FFD5

#00B8C9 - #C4FFD5

HSV Blend

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

0.0%	0.0% #00B8C9	RGB 0 184 201	#00B8C9
16.7%	16.7% #1AD2C9	RGB 26 210 201	#1AD2C9
33.3%	33.3% #38DBBD	RGB 56 219 189	#38DBBD
50.0%	50.0% #57E4B7	RGB 87 228 183	#57E4B7
66.7%	66.7% #79EDB9	RGB 121 237 185	#79EDB9
83.3%	83.3% #9DF6C2	RGB 157 246 194	#9DF6C2
100.0%	100.0% #C4FFD5	RGB 196 255 213	#C4FFD5

#00B8C9 #1AD2C9 #38DBBD #57E4B7 #79EDB9 #9DF6C2 #C4FFD5

#00B8C9 - #57E4B7 - #C4FFD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B8C9 0%, #57E4B7 50%, #C4FFD5 100%);
    background: -webkit-linear-gradient(top, #00B8C9 0%, #57E4B7 50%, #C4FFD5 100%);
    background: linear-gradient(to bottom, #00B8C9 0%, #57E4B7 50%, #C4FFD5 100%);
}
</style>