#A8C0CB - #56708B | 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 #A8C0CB to #56708B

#A8C0CB #56708B

Calculate the color between two colors, #A8C0CB and #56708B. 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)

#A8C0CB - #56708B | 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 #A8C0CB as 0% and #56708B as 100%.

0.0%	0.0% #A8C0CB	RGB 168 192 203	#A8C0CB
16.7%	16.7% #9AB2C0	RGB 154 178 192	#9AB2C0
33.3%	33.3% #8CA5B5	RGB 140 165 181	#8CA5B5
50.0%	50.0% #7F98AB	RGB 127 152 171	#7F98AB
66.7%	66.7% #718AA0	RGB 113 138 160	#718AA0
83.3%	83.3% #637D95	RGB 99 125 149	#637D95
100.0%	100.0% #56708B	RGB 86 112 139	#56708B

#A8C0CB #9AB2C0 #8CA5B5 #7F98AB #718AA0 #637D95 #56708B

#A8C0CB - #56708B

HSV Blend

#A8C0CB - #56708B | 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 #A8C0CB as 0% and #56708B as 100%.

0.0%	0.0% #A8C0CB	RGB 168 192 203	#A8C0CB
16.7%	16.7% #98B2C0	RGB 152 178 192	#98B2C0
33.3%	33.3% #89A4B5	RGB 137 164 181	#89A4B5
50.0%	50.0% #7B97AB	RGB 123 151 171	#7B97AB
66.7%	66.7% #6E8AA0	RGB 110 138 160	#6E8AA0
83.3%	83.3% #617C95	RGB 97 124 149	#617C95
100.0%	100.0% #56708B	RGB 86 112 139	#56708B

#A8C0CB #98B2C0 #89A4B5 #7B97AB #6E8AA0 #617C95 #56708B

#A8C0CB - #7B97AB - #56708B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C0CB 0%, #7B97AB 50%, #56708B 100%);
    background: -webkit-linear-gradient(top, #A8C0CB 0%, #7B97AB 50%, #56708B 100%);
    background: linear-gradient(to bottom, #A8C0CB 0%, #7B97AB 50%, #56708B 100%);
}
</style>