#0CE0FF - #B9F6FF | 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 #B9F6FF

#0CE0FF #B9F6FF

Calculate the color between two colors, #0CE0FF and #B9F6FF. 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 - #B9F6FF | 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 #B9F6FF as 100%.

0.0%	0.0% #0CE0FF	RGB 12 224 255	#0CE0FF
16.7%	16.7% #28E3FF	RGB 40 227 255	#28E3FF
33.3%	33.3% #45E7FF	RGB 69 231 255	#45E7FF
50.0%	50.0% #62EBFF	RGB 98 235 255	#62EBFF
66.7%	66.7% #7FEEFF	RGB 127 238 255	#7FEEFF
83.3%	83.3% #9CF2FF	RGB 156 242 255	#9CF2FF
100.0%	100.0% #B9F6FF	RGB 185 246 255	#B9F6FF

#0CE0FF #28E3FF #45E7FF #62EBFF #7FEEFF #9CF2FF #B9F6FF

#0CE0FF - #B9F6FF

HSV Blend

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

0.0%	0.0% #0BE0FF	RGB 11 224 255	#0BE0FF
16.7%	16.7% #28E3FF	RGB 40 227 255	#28E3FF
33.3%	33.3% #45E7FF	RGB 69 231 255	#45E7FF
50.0%	50.0% #62EAFF	RGB 98 234 255	#62EAFF
66.7%	66.7% #7FEEFF	RGB 127 238 255	#7FEEFF
83.3%	83.3% #9CF2FF	RGB 156 242 255	#9CF2FF
100.0%	100.0% #B9F6FF	RGB 185 246 255	#B9F6FF

#0BE0FF #28E3FF #45E7FF #62EAFF #7FEEFF #9CF2FF #B9F6FF

#0CE0FF - #62EAFF - #B9F6FF

CSS codes

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

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