#005E5E - #0F8AA0 | 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 #005E5E to #0F8AA0

#005E5E #0F8AA0

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

#005E5E - #0F8AA0 | 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 #005E5E as 0% and #0F8AA0 as 100%.

0.0%	0.0% #005E5E	RGB 0 94 94	#005E5E
16.7%	16.7% #026569	RGB 2 101 105	#026569
33.3%	33.3% #056C74	RGB 5 108 116	#056C74
50.0%	50.0% #07747F	RGB 7 116 127	#07747F
66.7%	66.7% #0A7B8A	RGB 10 123 138	#0A7B8A
83.3%	83.3% #0C8295	RGB 12 130 149	#0C8295
100.0%	100.0% #0F8AA0	RGB 15 138 160	#0F8AA0

#005E5E #026569 #056C74 #07747F #0A7B8A #0C8295 #0F8AA0

#005E5E - #0F8AA0

HSV Blend

#005E5E - #0F8AA0 | 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 #005E5E as 0% and #0F8AA0 as 100%.

0.0%	0.0% #005E5E	RGB 0 94 94	#005E5E
16.7%	16.7% #016669	RGB 1 102 105	#016669
33.3%	33.3% #036E74	RGB 3 110 116	#036E74
50.0%	50.0% #05757F	RGB 5 117 127	#05757F
66.7%	66.7% #087C8A	RGB 8 124 138	#087C8A
83.3%	83.3% #0B8395	RGB 11 131 149	#0B8395
100.0%	100.0% #0F8AA0	RGB 15 138 160	#0F8AA0

#005E5E #016669 #036E74 #05757F #087C8A #0B8395 #0F8AA0

#005E5E - #05757F - #0F8AA0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005E5E 0%, #05757F 50%, #0F8AA0 100%);
    background: -webkit-linear-gradient(top, #005E5E 0%, #05757F 50%, #0F8AA0 100%);
    background: linear-gradient(to bottom, #005E5E 0%, #05757F 50%, #0F8AA0 100%);
}
</style>