#155B5E - #8FB19D | 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 #155B5E to #8FB19D

#155B5E #8FB19D

Calculate the color between two colors, #155B5E and #8FB19D. 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)

#155B5E - #8FB19D | 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 #155B5E as 0% and #8FB19D as 100%.

0.0%	0.0% #155B5E	RGB 21 91 94	#155B5E
16.7%	16.7% #296968	RGB 41 105 104	#296968
33.3%	33.3% #3D7773	RGB 61 119 115	#3D7773
50.0%	50.0% #52867D	RGB 82 134 125	#52867D
66.7%	66.7% #669488	RGB 102 148 136	#669488
83.3%	83.3% #7AA292	RGB 122 162 146	#7AA292
100.0%	100.0% #8FB19D	RGB 143 177 157	#8FB19D

#155B5E #296968 #3D7773 #52867D #669488 #7AA292 #8FB19D

#155B5E - #8FB19D

HSV Blend

#155B5E - #8FB19D | 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 #155B5E as 0% and #8FB19D as 100%.

0.0%	0.0% #145B5E	RGB 20 91 94	#145B5E
16.7%	16.7% #226B67	RGB 34 107 103	#226B67
33.3%	33.3% #32796D	RGB 50 121 109	#32796D
50.0%	50.0% #458775	RGB 69 135 117	#458775
66.7%	66.7% #5B957F	RGB 91 149 127	#5B957F
83.3%	83.3% #73A38C	RGB 115 163 140	#73A38C
100.0%	100.0% #8FB19D	RGB 143 177 157	#8FB19D

#145B5E #226B67 #32796D #458775 #5B957F #73A38C #8FB19D

#155B5E - #458775 - #8FB19D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #145B5E 0%, #458775 50%, #8FB19D 100%);
    background: -webkit-linear-gradient(top, #145B5E 0%, #458775 50%, #8FB19D 100%);
    background: linear-gradient(to bottom, #145B5E 0%, #458775 50%, #8FB19D 100%);
}
</style>