#8EB6A1 - #357A67 | 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 #8EB6A1 to #357A67

#8EB6A1 #357A67

Calculate the color between two colors, #8EB6A1 and #357A67. 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)

#8EB6A1 - #357A67 | 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 #8EB6A1 as 0% and #357A67 as 100%.

0.0%	0.0% #8EB6A1	RGB 142 182 161	#8EB6A1
16.7%	16.7% #7FAC97	RGB 127 172 151	#7FAC97
33.3%	33.3% #70A28D	RGB 112 162 141	#70A28D
50.0%	50.0% #619884	RGB 97 152 132	#619884
66.7%	66.7% #528E7A	RGB 82 142 122	#528E7A
83.3%	83.3% #438470	RGB 67 132 112	#438470
100.0%	100.0% #357A67	RGB 53 122 103	#357A67

#8EB6A1 #7FAC97 #70A28D #619884 #528E7A #438470 #357A67

#8EB6A1 - #357A67

HSV Blend

#8EB6A1 - #357A67 | 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 #8EB6A1 as 0% and #357A67 as 100%.

0.0%	0.0% #8EB6A1	RGB 142 182 161	#8EB6A1
16.7%	16.7% #7CAC94	RGB 124 172 148	#7CAC94
33.3%	33.3% #6BA28A	RGB 107 162 138	#6BA28A
50.0%	50.0% #5C9880	RGB 92 152 128	#5C9880
66.7%	66.7% #4E8E77	RGB 78 142 119	#4E8E77
83.3%	83.3% #40846E	RGB 64 132 110	#40846E
100.0%	100.0% #357A67	RGB 53 122 103	#357A67

#8EB6A1 #7CAC94 #6BA28A #5C9880 #4E8E77 #40846E #357A67

#8EB6A1 - #5C9880 - #357A67

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8EB6A1 0%, #5C9880 50%, #357A67 100%);
    background: -webkit-linear-gradient(top, #8EB6A1 0%, #5C9880 50%, #357A67 100%);
    background: linear-gradient(to bottom, #8EB6A1 0%, #5C9880 50%, #357A67 100%);
}
</style>