#A8C2CC - #58708D | 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 #A8C2CC to #58708D

#A8C2CC #58708D

Calculate the color between two colors, #A8C2CC and #58708D. 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)

#A8C2CC - #58708D | 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 #A8C2CC as 0% and #58708D as 100%.

0.0%	0.0% #A8C2CC	RGB 168 194 204	#A8C2CC
16.7%	16.7% #9AB4C1	RGB 154 180 193	#9AB4C1
33.3%	33.3% #8DA6B7	RGB 141 166 183	#8DA6B7
50.0%	50.0% #8099AC	RGB 128 153 172	#8099AC
66.7%	66.7% #728BA2	RGB 114 139 162	#728BA2
83.3%	83.3% #657D97	RGB 101 125 151	#657D97
100.0%	100.0% #58708D	RGB 88 112 141	#58708D

#A8C2CC #9AB4C1 #8DA6B7 #8099AC #728BA2 #657D97 #58708D

#A8C2CC - #58708D

HSV Blend

#A8C2CC - #58708D | 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 #A8C2CC as 0% and #58708D as 100%.

0.0%	0.0% #A8C2CC	RGB 168 194 204	#A8C2CC
16.7%	16.7% #98B4C1	RGB 152 180 193	#98B4C1
33.3%	33.3% #8AA6B7	RGB 138 166 183	#8AA6B7
50.0%	50.0% #7C98AC	RGB 124 152 172	#7C98AC
66.7%	66.7% #6F8BA2	RGB 111 139 162	#6F8BA2
83.3%	83.3% #637D97	RGB 99 125 151	#637D97
100.0%	100.0% #58708D	RGB 88 112 141	#58708D

#A8C2CC #98B4C1 #8AA6B7 #7C98AC #6F8BA2 #637D97 #58708D

#A8C2CC - #7C98AC - #58708D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C2CC 0%, #7C98AC 50%, #58708D 100%);
    background: -webkit-linear-gradient(top, #A8C2CC 0%, #7C98AC 50%, #58708D 100%);
    background: linear-gradient(to bottom, #A8C2CC 0%, #7C98AC 50%, #58708D 100%);
}
</style>