#0CCECE - #BFFFB5 | 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 #0CCECE to #BFFFB5

#0CCECE #BFFFB5

Calculate the color between two colors, #0CCECE and #BFFFB5. 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)

#0CCECE - #BFFFB5 | 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 #0CCECE as 0% and #BFFFB5 as 100%.

0.0%	0.0% #0CCECE	RGB 12 206 206	#0CCECE
16.7%	16.7% #29D6C9	RGB 41 214 201	#29D6C9
33.3%	33.3% #47DEC5	RGB 71 222 197	#47DEC5
50.0%	50.0% #65E6C1	RGB 101 230 193	#65E6C1
66.7%	66.7% #83EEBD	RGB 131 238 189	#83EEBD
83.3%	83.3% #A1F6B9	RGB 161 246 185	#A1F6B9
100.0%	100.0% #BFFFB5	RGB 191 255 181	#BFFFB5

#0CCECE #29D6C9 #47DEC5 #65E6C1 #83EEBD #A1F6B9 #BFFFB5

#0CCECE - #BFFFB5

HSV Blend

#0CCECE - #BFFFB5 | 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 #0CCECE as 0% and #BFFFB5 as 100%.

0.0%	0.0% #0CCECE	RGB 12 206 206	#0CCECE
16.7%	16.7% #23D6B4	RGB 35 214 180	#23D6B4
33.3%	33.3% #3DDEA1	RGB 61 222 161	#3DDEA1
50.0%	50.0% #58E695	RGB 88 230 149	#58E695
66.7%	66.7% #75EE93	RGB 117 238 147	#75EE93
83.3%	83.3% #94F699	RGB 148 246 153	#94F699
100.0%	100.0% #BFFFB5	RGB 191 255 181	#BFFFB5

#0CCECE #23D6B4 #3DDEA1 #58E695 #75EE93 #94F699 #BFFFB5

#0CCECE - #58E695 - #BFFFB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0CCECE 0%, #58E695 50%, #BFFFB5 100%);
    background: -webkit-linear-gradient(top, #0CCECE 0%, #58E695 50%, #BFFFB5 100%);
    background: linear-gradient(to bottom, #0CCECE 0%, #58E695 50%, #BFFFB5 100%);
}
</style>