#A8C5C6 - #4D7E7A | 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 #A8C5C6 to #4D7E7A

#A8C5C6 #4D7E7A

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

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

0.0%	0.0% #A8C5C6	RGB 168 197 198	#A8C5C6
16.7%	16.7% #98B9B9	RGB 152 185 185	#98B9B9
33.3%	33.3% #89ADAC	RGB 137 173 172	#89ADAC
50.0%	50.0% #7AA1A0	RGB 122 161 160	#7AA1A0
66.7%	66.7% #6B9593	RGB 107 149 147	#6B9593
83.3%	83.3% #5C8986	RGB 92 137 134	#5C8986
100.0%	100.0% #4D7E7A	RGB 77 126 122	#4D7E7A

#A8C5C6 #98B9B9 #89ADAC #7AA1A0 #6B9593 #5C8986 #4D7E7A

#A8C5C6 - #4D7E7A

HSV Blend

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

0.0%	0.0% #A8C5C6	RGB 168 197 198	#A8C5C6
16.7%	16.7% #96B9BA	RGB 150 185 186	#96B9BA
33.3%	33.3% #85AEAD	RGB 133 174 173	#85AEAD
50.0%	50.0% #76A2A0	RGB 118 162 160	#76A2A0
66.7%	66.7% #679693	RGB 103 150 147	#679693
83.3%	83.3% #598A86	RGB 89 138 134	#598A86
100.0%	100.0% #4D7E7A	RGB 77 126 122	#4D7E7A

#A8C5C6 #96B9BA #85AEAD #76A2A0 #679693 #598A86 #4D7E7A

#A8C5C6 - #76A2A0 - #4D7E7A

CSS codes

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

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