#A8C5B2 - #4D887A | 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 #A8C5B2 to #4D887A

#A8C5B2 #4D887A

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

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

0.0%	0.0% #A8C5B2	RGB 168 197 178	#A8C5B2
16.7%	16.7% #98BAA8	RGB 152 186 168	#98BAA8
33.3%	33.3% #89B09F	RGB 137 176 159	#89B09F
50.0%	50.0% #7AA696	RGB 122 166 150	#7AA696
66.7%	66.7% #6B9C8C	RGB 107 156 140	#6B9C8C
83.3%	83.3% #5C9283	RGB 92 146 131	#5C9283
100.0%	100.0% #4D887A	RGB 77 136 122	#4D887A

#A8C5B2 #98BAA8 #89B09F #7AA696 #6B9C8C #5C9283 #4D887A

#A8C5B2 - #4D887A

HSV Blend

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

0.0%	0.0% #A8C5B2	RGB 168 197 178	#A8C5B2
16.7%	16.7% #96BAA5	RGB 150 186 165	#96BAA5
33.3%	33.3% #85B09A	RGB 133 176 154	#85B09A
50.0%	50.0% #76A690	RGB 118 166 144	#76A690
66.7%	66.7% #679C88	RGB 103 156 136	#679C88
83.3%	83.3% #599280	RGB 89 146 128	#599280
100.0%	100.0% #4D887A	RGB 77 136 122	#4D887A

#A8C5B2 #96BAA5 #85B09A #76A690 #679C88 #599280 #4D887A

#A8C5B2 - #76A690 - #4D887A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C5B2 0%, #76A690 50%, #4D887A 100%);
    background: -webkit-linear-gradient(top, #A8C5B2 0%, #76A690 50%, #4D887A 100%);
    background: linear-gradient(to bottom, #A8C5B2 0%, #76A690 50%, #4D887A 100%);
}
</style>