#00CECD - #BCFFB5 | 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 #00CECD to #BCFFB5

#00CECD #BCFFB5

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

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

0.0%	0.0% #00CECD	RGB 0 206 205	#00CECD
16.7%	16.7% #1FD6C9	RGB 31 214 201	#1FD6C9
33.3%	33.3% #3EDEC5	RGB 62 222 197	#3EDEC5
50.0%	50.0% #5EE6C1	RGB 94 230 193	#5EE6C1
66.7%	66.7% #7DEEBD	RGB 125 238 189	#7DEEBD
83.3%	83.3% #9CF6B9	RGB 156 246 185	#9CF6B9
100.0%	100.0% #BCFFB5	RGB 188 255 181	#BCFFB5

#00CECD #1FD6C9 #3EDEC5 #5EE6C1 #7DEEBD #9CF6B9 #BCFFB5

#00CECD - #BCFFB5

HSV Blend

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

0.0%	0.0% #00CECD	RGB 0 206 205	#00CECD
16.7%	16.7% #19D6B2	RGB 25 214 178	#19D6B2
33.3%	33.3% #34DE9F	RGB 52 222 159	#34DE9F
50.0%	50.0% #51E694	RGB 81 230 148	#51E694
66.7%	66.7% #70EE92	RGB 112 238 146	#70EE92
83.3%	83.3% #92F69A	RGB 146 246 154	#92F69A
100.0%	100.0% #BCFFB5	RGB 188 255 181	#BCFFB5

#00CECD #19D6B2 #34DE9F #51E694 #70EE92 #92F69A #BCFFB5

#00CECD - #51E694 - #BCFFB5

CSS codes

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

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