#A8C5CC - #58758D | 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 #A8C5CC to #58758D

#A8C5CC #58758D

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

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

0.0%	0.0% #A8C5CC	RGB 168 197 204	#A8C5CC
16.7%	16.7% #9AB7C1	RGB 154 183 193	#9AB7C1
33.3%	33.3% #8DAAB7	RGB 141 170 183	#8DAAB7
50.0%	50.0% #809DAC	RGB 128 157 172	#809DAC
66.7%	66.7% #728FA2	RGB 114 143 162	#728FA2
83.3%	83.3% #658297	RGB 101 130 151	#658297
100.0%	100.0% #58758D	RGB 88 117 141	#58758D

#A8C5CC #9AB7C1 #8DAAB7 #809DAC #728FA2 #658297 #58758D

#A8C5CC - #58758D

HSV Blend

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

0.0%	0.0% #A8C5CC	RGB 168 197 204	#A8C5CC
16.7%	16.7% #98B7C1	RGB 152 183 193	#98B7C1
33.3%	33.3% #8AAAB7	RGB 138 170 183	#8AAAB7
50.0%	50.0% #7C9DAC	RGB 124 157 172	#7C9DAC
66.7%	66.7% #6F8FA2	RGB 111 143 162	#6F8FA2
83.3%	83.3% #638297	RGB 99 130 151	#638297
100.0%	100.0% #58758D	RGB 88 117 141	#58758D

#A8C5CC #98B7C1 #8AAAB7 #7C9DAC #6F8FA2 #638297 #58758D

#A8C5CC - #7C9DAC - #58758D

CSS codes

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

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