#0FCBCB - #BAF0F0 | 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 #0FCBCB to #BAF0F0

#0FCBCB #BAF0F0

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

#0FCBCB - #BAF0F0 | 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 #0FCBCB as 0% and #BAF0F0 as 100%.

0.0%	0.0% #0FCBCB	RGB 15 203 203	#0FCBCB
16.7%	16.7% #2BD1D1	RGB 43 209 209	#2BD1D1
33.3%	33.3% #48D7D7	RGB 72 215 215	#48D7D7
50.0%	50.0% #64DDDD	RGB 100 221 221	#64DDDD
66.7%	66.7% #81E3E3	RGB 129 227 227	#81E3E3
83.3%	83.3% #9DE9E9	RGB 157 233 233	#9DE9E9
100.0%	100.0% #BAF0F0	RGB 186 240 240	#BAF0F0

#0FCBCB #2BD1D1 #48D7D7 #64DDDD #81E3E3 #9DE9E9 #BAF0F0

#0FCBCB - #BAF0F0

HSV Blend

#0FCBCB - #BAF0F0 | 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 #0FCBCB as 0% and #BAF0F0 as 100%.

0.0%	0.0% #0FCBCB	RGB 15 203 203	#0FCBCB
16.7%	16.7% #27D1D1	RGB 39 209 209	#27D1D1
33.3%	33.3% #42D7D7	RGB 66 215 215	#42D7D7
50.0%	50.0% #5EDDDD	RGB 94 221 221	#5EDDDD
66.7%	66.7% #7BE3E3	RGB 123 227 227	#7BE3E3
83.3%	83.3% #99E9E9	RGB 153 233 233	#99E9E9
100.0%	100.0% #BAF0F0	RGB 186 240 240	#BAF0F0

#0FCBCB #27D1D1 #42D7D7 #5EDDDD #7BE3E3 #99E9E9 #BAF0F0

#0FCBCB - #5EDDDD - #BAF0F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0FCBCB 0%, #5EDDDD 50%, #BAF0F0 100%);
    background: -webkit-linear-gradient(top, #0FCBCB 0%, #5EDDDD 50%, #BAF0F0 100%);
    background: linear-gradient(to bottom, #0FCBCB 0%, #5EDDDD 50%, #BAF0F0 100%);
}
</style>