#0F9F9F - #13B7EB | 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 #0F9F9F to #13B7EB

#0F9F9F #13B7EB

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

#0F9F9F - #13B7EB | 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 #0F9F9F as 0% and #13B7EB as 100%.

0.0%	0.0% #0F9F9F	RGB 15 159 159	#0F9F9F
16.7%	16.7% #0FA3AB	RGB 15 163 171	#0FA3AB
33.3%	33.3% #10A7B8	RGB 16 167 184	#10A7B8
50.0%	50.0% #11ABC5	RGB 17 171 197	#11ABC5
66.7%	66.7% #11AFD1	RGB 17 175 209	#11AFD1
83.3%	83.3% #12B3DE	RGB 18 179 222	#12B3DE
100.0%	100.0% #13B7EB	RGB 19 183 235	#13B7EB

#0F9F9F #0FA3AB #10A7B8 #11ABC5 #11AFD1 #12B3DE #13B7EB

#0F9F9F - #13B7EB

HSV Blend

#0F9F9F - #13B7EB | 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 #0F9F9F as 0% and #13B7EB as 100%.

0.0%	0.0% #0E9F9F	RGB 14 159 159	#0E9F9F
16.7%	16.7% #0FA5AB	RGB 15 165 171	#0FA5AB
33.3%	33.3% #10AAB8	RGB 16 170 184	#10AAB8
50.0%	50.0% #11AFC5	RGB 17 175 197	#11AFC5
66.7%	66.7% #11B2D1	RGB 17 178 209	#11B2D1
83.3%	83.3% #12B5DE	RGB 18 181 222	#12B5DE
100.0%	100.0% #13B7EB	RGB 19 183 235	#13B7EB

#0E9F9F #0FA5AB #10AAB8 #11AFC5 #11B2D1 #12B5DE #13B7EB

#0F9F9F - #11AFC5 - #13B7EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E9F9F 0%, #11AFC5 50%, #13B7EB 100%);
    background: -webkit-linear-gradient(top, #0E9F9F 0%, #11AFC5 50%, #13B7EB 100%);
    background: linear-gradient(to bottom, #0E9F9F 0%, #11AFC5 50%, #13B7EB 100%);
}
</style>