#1B726B - #8FB1A0 | 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 #1B726B to #8FB1A0

#1B726B #8FB1A0

Calculate the color between two colors, #1B726B and #8FB1A0. 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)

#1B726B - #8FB1A0 | 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 #1B726B as 0% and #8FB1A0 as 100%.

0.0%	0.0% #1B726B	RGB 27 114 107	#1B726B
16.7%	16.7% #2E7C73	RGB 46 124 115	#2E7C73
33.3%	33.3% #41877C	RGB 65 135 124	#41877C
50.0%	50.0% #559185	RGB 85 145 133	#559185
66.7%	66.7% #689C8E	RGB 104 156 142	#689C8E
83.3%	83.3% #7BA697	RGB 123 166 151	#7BA697
100.0%	100.0% #8FB1A0	RGB 143 177 160	#8FB1A0

#1B726B #2E7C73 #41877C #559185 #689C8E #7BA697 #8FB1A0

#1B726B - #8FB1A0

HSV Blend

#1B726B - #8FB1A0 | 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 #1B726B as 0% and #8FB1A0 as 100%.

0.0%	0.0% #1B726B	RGB 27 114 107	#1B726B
16.7%	16.7% #297C6F	RGB 41 124 111	#297C6F
33.3%	33.3% #398775	RGB 57 135 117	#398775
50.0%	50.0% #4C917D	RGB 76 145 125	#4C917D
66.7%	66.7% #609C86	RGB 96 156 134	#609C86
83.3%	83.3% #76A691	RGB 118 166 145	#76A691
100.0%	100.0% #8FB1A0	RGB 143 177 160	#8FB1A0

#1B726B #297C6F #398775 #4C917D #609C86 #76A691 #8FB1A0

#1B726B - #4C917D - #8FB1A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B726B 0%, #4C917D 50%, #8FB1A0 100%);
    background: -webkit-linear-gradient(top, #1B726B 0%, #4C917D 50%, #8FB1A0 100%);
    background: linear-gradient(to bottom, #1B726B 0%, #4C917D 50%, #8FB1A0 100%);
}
</style>