#A8CDC5 - #5A888F | 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 #A8CDC5 to #5A888F

#A8CDC5 #5A888F

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

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

0.0%	0.0% #A8CDC5	RGB 168 205 197	#A8CDC5
16.7%	16.7% #9BC1BC	RGB 155 193 188	#9BC1BC
33.3%	33.3% #8EB6B3	RGB 142 182 179	#8EB6B3
50.0%	50.0% #81AAAA	RGB 129 170 170	#81AAAA
66.7%	66.7% #749FA1	RGB 116 159 161	#749FA1
83.3%	83.3% #679398	RGB 103 147 152	#679398
100.0%	100.0% #5A888F	RGB 90 136 143	#5A888F

#A8CDC5 #9BC1BC #8EB6B3 #81AAAA #749FA1 #679398 #5A888F

#A8CDC5 - #5A888F

HSV Blend

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

0.0%	0.0% #A8CDC5	RGB 168 205 197	#A8CDC5
16.7%	16.7% #99C2BC	RGB 153 194 188	#99C2BC
33.3%	33.3% #8BB8B3	RGB 139 184 179	#8BB8B3
50.0%	50.0% #7EAEAB	RGB 126 174 171	#7EAEAB
66.7%	66.7% #71A2A3	RGB 113 162 163	#71A2A3
83.3%	83.3% #659599	RGB 101 149 153	#659599
100.0%	100.0% #5A888F	RGB 90 136 143	#5A888F

#A8CDC5 #99C2BC #8BB8B3 #7EAEAB #71A2A3 #659599 #5A888F

#A8CDC5 - #7EAEAB - #5A888F

CSS codes

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

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