#A8CDBA - #5A8F85 | 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 #A8CDBA to #5A8F85

#A8CDBA #5A8F85

Calculate the color between two colors, #A8CDBA and #5A8F85. 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)

#A8CDBA - #5A8F85 | 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 #A8CDBA as 0% and #5A8F85 as 100%.

0.0%	0.0% #A8CDBA	RGB 168 205 186	#A8CDBA
16.7%	16.7% #9BC2B1	RGB 155 194 177	#9BC2B1
33.3%	33.3% #8EB8A8	RGB 142 184 168	#8EB8A8
50.0%	50.0% #81AE9F	RGB 129 174 159	#81AE9F
66.7%	66.7% #74A396	RGB 116 163 150	#74A396
83.3%	83.3% #67998D	RGB 103 153 141	#67998D
100.0%	100.0% #5A8F85	RGB 90 143 133	#5A8F85

#A8CDBA #9BC2B1 #8EB8A8 #81AE9F #74A396 #67998D #5A8F85

#A8CDBA - #5A8F85

HSV Blend

#A8CDBA - #5A8F85 | 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 #A8CDBA as 0% and #5A8F85 as 100%.

0.0%	0.0% #A8CDBA	RGB 168 205 186	#A8CDBA
16.7%	16.7% #99C2AF	RGB 153 194 175	#99C2AF
33.3%	33.3% #8BB8A6	RGB 139 184 166	#8BB8A6
50.0%	50.0% #7EAE9D	RGB 126 174 157	#7EAE9D
66.7%	66.7% #71A394	RGB 113 163 148	#71A394
83.3%	83.3% #65998C	RGB 101 153 140	#65998C
100.0%	100.0% #5A8F85	RGB 90 143 133	#5A8F85

#A8CDBA #99C2AF #8BB8A6 #7EAE9D #71A394 #65998C #5A8F85

#A8CDBA - #7EAE9D - #5A8F85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CDBA 0%, #7EAE9D 50%, #5A8F85 100%);
    background: -webkit-linear-gradient(top, #A8CDBA 0%, #7EAE9D 50%, #5A8F85 100%);
    background: linear-gradient(to bottom, #A8CDBA 0%, #7EAE9D 50%, #5A8F85 100%);
}
</style>