#A8CAC7 - #4C7B8F | 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 #A8CAC7 to #4C7B8F

#A8CAC7 #4C7B8F

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

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

0.0%	0.0% #A8CAC7	RGB 168 202 199	#A8CAC7
16.7%	16.7% #98BCBD	RGB 152 188 189	#98BCBD
33.3%	33.3% #89AFB4	RGB 137 175 180	#89AFB4
50.0%	50.0% #7AA2AB	RGB 122 162 171	#7AA2AB
66.7%	66.7% #6A95A1	RGB 106 149 161	#6A95A1
83.3%	83.3% #5B8898	RGB 91 136 152	#5B8898
100.0%	100.0% #4C7B8F	RGB 76 123 143	#4C7B8F

#A8CAC7 #98BCBD #89AFB4 #7AA2AB #6A95A1 #5B8898 #4C7B8F

#A8CAC7 - #4C7B8F

HSV Blend

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

0.0%	0.0% #A8CAC7	RGB 168 202 199	#A8CAC7
16.7%	16.7% #96C0BF	RGB 150 192 191	#96C0BF
33.3%	33.3% #85B4B6	RGB 133 180 182	#85B4B6
50.0%	50.0% #75A6AC	RGB 117 166 172	#75A6AC
66.7%	66.7% #6698A2	RGB 102 152 162	#6698A2
83.3%	83.3% #588998	RGB 88 137 152	#588998
100.0%	100.0% #4C7B8F	RGB 76 123 143	#4C7B8F

#A8CAC7 #96C0BF #85B4B6 #75A6AC #6698A2 #588998 #4C7B8F

#A8CAC7 - #75A6AC - #4C7B8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CAC7 0%, #75A6AC 50%, #4C7B8F 100%);
    background: -webkit-linear-gradient(top, #A8CAC7 0%, #75A6AC 50%, #4C7B8F 100%);
    background: linear-gradient(to bottom, #A8CAC7 0%, #75A6AC 50%, #4C7B8F 100%);
}
</style>