#0FC1B5 - #BAEDE9 | 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 #0FC1B5 to #BAEDE9

#0FC1B5 #BAEDE9

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

#0FC1B5 - #BAEDE9 | 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 #0FC1B5 as 0% and #BAEDE9 as 100%.

0.0%	0.0% #0FC1B5	RGB 15 193 181	#0FC1B5
16.7%	16.7% #2BC8BD	RGB 43 200 189	#2BC8BD
33.3%	33.3% #48CFC6	RGB 72 207 198	#48CFC6
50.0%	50.0% #64D7CF	RGB 100 215 207	#64D7CF
66.7%	66.7% #81DED7	RGB 129 222 215	#81DED7
83.3%	83.3% #9DE5E0	RGB 157 229 224	#9DE5E0
100.0%	100.0% #BAEDE9	RGB 186 237 233	#BAEDE9

#0FC1B5 #2BC8BD #48CFC6 #64D7CF #81DED7 #9DE5E0 #BAEDE9

#0FC1B5 - #BAEDE9

HSV Blend

#0FC1B5 - #BAEDE9 | 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 #0FC1B5 as 0% and #BAEDE9 as 100%.

0.0%	0.0% #0FC1B4	RGB 15 193 180	#0FC1B4
16.7%	16.7% #27C8BD	RGB 39 200 189	#27C8BD
33.3%	33.3% #41CFC5	RGB 65 207 197	#41CFC5
50.0%	50.0% #5CD7CE	RGB 92 215 206	#5CD7CE
66.7%	66.7% #7ADED6	RGB 122 222 214	#7ADED6
83.3%	83.3% #99E5DF	RGB 153 229 223	#99E5DF
100.0%	100.0% #BAEDE9	RGB 186 237 233	#BAEDE9

#0FC1B4 #27C8BD #41CFC5 #5CD7CE #7ADED6 #99E5DF #BAEDE9

#0FC1B5 - #5CD7CE - #BAEDE9

CSS codes

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

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