#0CE0FF - #CBFED3 | 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 #0CE0FF to #CBFED3

#0CE0FF #CBFED3

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

#0CE0FF - #CBFED3 | 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 #0CE0FF as 0% and #CBFED3 as 100%.

0.0%	0.0% #0CE0FF	RGB 12 224 255	#0CE0FF
16.7%	16.7% #2BE5F7	RGB 43 229 247	#2BE5F7
33.3%	33.3% #4BEAF0	RGB 75 234 240	#4BEAF0
50.0%	50.0% #6BEFE9	RGB 107 239 233	#6BEFE9
66.7%	66.7% #8BF4E1	RGB 139 244 225	#8BF4E1
83.3%	83.3% #ABF9DA	RGB 171 249 218	#ABF9DA
100.0%	100.0% #CBFED3	RGB 203 254 211	#CBFED3

#0CE0FF #2BE5F7 #4BEAF0 #6BEFE9 #8BF4E1 #ABF9DA #CBFED3

#0CE0FF - #CBFED3

HSV Blend

#0CE0FF - #CBFED3 | 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 #0CE0FF as 0% and #CBFED3 as 100%.

0.0%	0.0% #0BE0FF	RGB 11 224 255	#0BE0FF
16.7%	16.7% #2BFEF7	RGB 43 254 247	#2BFEF7
33.3%	33.3% #4BFEDB	RGB 75 254 219	#4BFEDB
50.0%	50.0% #6BFEC9	RGB 107 254 201	#6BFEC9
66.7%	66.7% #8BFEC2	RGB 139 254 194	#8BFEC2
83.3%	83.3% #ABFEC5	RGB 171 254 197	#ABFEC5
100.0%	100.0% #CBFED3	RGB 203 254 211	#CBFED3

#0BE0FF #2BFEF7 #4BFEDB #6BFEC9 #8BFEC2 #ABFEC5 #CBFED3

#0CE0FF - #6BFEC9 - #CBFED3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0BE0FF 0%, #6BFEC9 50%, #CBFED3 100%);
    background: -webkit-linear-gradient(top, #0BE0FF 0%, #6BFEC9 50%, #CBFED3 100%);
    background: linear-gradient(to bottom, #0BE0FF 0%, #6BFEC9 50%, #CBFED3 100%);
}
</style>