#145A5E - #8DB09E | 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 #145A5E to #8DB09E

#145A5E #8DB09E

Calculate the color between two colors, #145A5E and #8DB09E. 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)

#145A5E - #8DB09E | 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 #145A5E as 0% and #8DB09E as 100%.

0.0%	0.0% #145A5E	RGB 20 90 94	#145A5E
16.7%	16.7% #286868	RGB 40 104 104	#286868
33.3%	33.3% #3C7673	RGB 60 118 115	#3C7673
50.0%	50.0% #50857E	RGB 80 133 126	#50857E
66.7%	66.7% #649388	RGB 100 147 136	#649388
83.3%	83.3% #78A193	RGB 120 161 147	#78A193
100.0%	100.0% #8DB09E	RGB 141 176 158	#8DB09E

#145A5E #286868 #3C7673 #50857E #649388 #78A193 #8DB09E

#145A5E - #8DB09E

HSV Blend

#145A5E - #8DB09E | 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 #145A5E as 0% and #8DB09E as 100%.

0.0%	0.0% #135A5E	RGB 19 90 94	#135A5E
16.7%	16.7% #216B68	RGB 33 107 104	#216B68
33.3%	33.3% #31796F	RGB 49 121 111	#31796F
50.0%	50.0% #448777	RGB 68 135 119	#448777
66.7%	66.7% #599481	RGB 89 148 129	#599481
83.3%	83.3% #72A28E	RGB 114 162 142	#72A28E
100.0%	100.0% #8DB09E	RGB 141 176 158	#8DB09E

#135A5E #216B68 #31796F #448777 #599481 #72A28E #8DB09E

#145A5E - #448777 - #8DB09E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #135A5E 0%, #448777 50%, #8DB09E 100%);
    background: -webkit-linear-gradient(top, #135A5E 0%, #448777 50%, #8DB09E 100%);
    background: linear-gradient(to bottom, #135A5E 0%, #448777 50%, #8DB09E 100%);
}
</style>