#4A8D8C - #A8B1B0 | 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 #4A8D8C to #A8B1B0

#4A8D8C #A8B1B0

Calculate the color between two colors, #4A8D8C and #A8B1B0. 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)

#4A8D8C - #A8B1B0 | 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 #4A8D8C as 0% and #A8B1B0 as 100%.

0.0%	0.0% #4A8D8C	RGB 74 141 140	#4A8D8C
16.7%	16.7% #599392	RGB 89 147 146	#599392
33.3%	33.3% #699998	RGB 105 153 152	#699998
50.0%	50.0% #799F9E	RGB 121 159 158	#799F9E
66.7%	66.7% #88A5A4	RGB 136 165 164	#88A5A4
83.3%	83.3% #98ABAA	RGB 152 171 170	#98ABAA
100.0%	100.0% #A8B1B0	RGB 168 177 176	#A8B1B0

#4A8D8C #599392 #699998 #799F9E #88A5A4 #98ABAA #A8B1B0

#4A8D8C - #A8B1B0

HSV Blend

#4A8D8C - #A8B1B0 | 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 #4A8D8C as 0% and #A8B1B0 as 100%.

0.0%	0.0% #4A8D8C	RGB 74 141 140	#4A8D8C
16.7%	16.7% #579391	RGB 87 147 145	#579391
33.3%	33.3% #659996	RGB 101 153 150	#659996
50.0%	50.0% #759F9C	RGB 117 159 156	#759F9C
66.7%	66.7% #85A5A2	RGB 133 165 162	#85A5A2
83.3%	83.3% #96ABA9	RGB 150 171 169	#96ABA9
100.0%	100.0% #A8B1B0	RGB 168 177 176	#A8B1B0

#4A8D8C #579391 #659996 #759F9C #85A5A2 #96ABA9 #A8B1B0

#4A8D8C - #759F9C - #A8B1B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8D8C 0%, #759F9C 50%, #A8B1B0 100%);
    background: -webkit-linear-gradient(top, #4A8D8C 0%, #759F9C 50%, #A8B1B0 100%);
    background: linear-gradient(to bottom, #4A8D8C 0%, #759F9C 50%, #A8B1B0 100%);
}
</style>