#1A8A8A - #005B45 | 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 #1A8A8A to #005B45

#1A8A8A #005B45

Calculate the color between two colors, #1A8A8A and #005B45. 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)

#1A8A8A - #005B45 | 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 #1A8A8A as 0% and #005B45 as 100%.

0.0%	0.0% #1A8A8A	RGB 26 138 138	#1A8A8A
16.7%	16.7% #15827E	RGB 21 130 126	#15827E
33.3%	33.3% #117A73	RGB 17 122 115	#117A73
50.0%	50.0% #0D7267	RGB 13 114 103	#0D7267
66.7%	66.7% #086A5C	RGB 8 106 92	#086A5C
83.3%	83.3% #046250	RGB 4 98 80	#046250
100.0%	100.0% #005B45	RGB 0 91 69	#005B45

#1A8A8A #15827E #117A73 #0D7267 #086A5C #046250 #005B45

#1A8A8A - #005B45

HSV Blend

#1A8A8A - #005B45 | 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 #1A8A8A as 0% and #005B45 as 100%.

0.0%	0.0% #1A8A8A	RGB 26 138 138	#1A8A8A
16.7%	16.7% #14827D	RGB 20 130 125	#14827D
33.3%	33.3% #0F7A71	RGB 15 122 113	#0F7A71
50.0%	50.0% #0A7265	RGB 10 114 101	#0A7265
66.7%	66.7% #066A5A	RGB 6 106 90	#066A5A
83.3%	83.3% #03624F	RGB 3 98 79	#03624F
100.0%	100.0% #005B45	RGB 0 91 69	#005B45

#1A8A8A #14827D #0F7A71 #0A7265 #066A5A #03624F #005B45

#1A8A8A - #0A7265 - #005B45

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A8A8A 0%, #0A7265 50%, #005B45 100%);
    background: -webkit-linear-gradient(top, #1A8A8A 0%, #0A7265 50%, #005B45 100%);
    background: linear-gradient(to bottom, #1A8A8A 0%, #0A7265 50%, #005B45 100%);
}
</style>