#ADC0CD - #59708E | 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 #ADC0CD to #59708E

#ADC0CD #59708E

Calculate the color between two colors, #ADC0CD and #59708E. 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)

#ADC0CD - #59708E | 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 #ADC0CD as 0% and #59708E as 100%.

0.0%	0.0% #ADC0CD	RGB 173 192 205	#ADC0CD
16.7%	16.7% #9FB2C2	RGB 159 178 194	#9FB2C2
33.3%	33.3% #91A5B8	RGB 145 165 184	#91A5B8
50.0%	50.0% #8398AD	RGB 131 152 173	#8398AD
66.7%	66.7% #758AA3	RGB 117 138 163	#758AA3
83.3%	83.3% #677D98	RGB 103 125 152	#677D98
100.0%	100.0% #59708E	RGB 89 112 142	#59708E

#ADC0CD #9FB2C2 #91A5B8 #8398AD #758AA3 #677D98 #59708E

#ADC0CD - #59708E

HSV Blend

#ADC0CD - #59708E | 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 #ADC0CD as 0% and #59708E as 100%.

0.0%	0.0% #ADC0CD	RGB 173 192 205	#ADC0CD
16.7%	16.7% #9DB2C2	RGB 157 178 194	#9DB2C2
33.3%	33.3% #8DA4B8	RGB 141 164 184	#8DA4B8
50.0%	50.0% #7F97AD	RGB 127 151 173	#7F97AD
66.7%	66.7% #7189A3	RGB 113 137 163	#7189A3
83.3%	83.3% #657C98	RGB 101 124 152	#657C98
100.0%	100.0% #59708E	RGB 89 112 142	#59708E

#ADC0CD #9DB2C2 #8DA4B8 #7F97AD #7189A3 #657C98 #59708E

#ADC0CD - #7F97AD - #59708E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADC0CD 0%, #7F97AD 50%, #59708E 100%);
    background: -webkit-linear-gradient(top, #ADC0CD 0%, #7F97AD 50%, #59708E 100%);
    background: linear-gradient(to bottom, #ADC0CD 0%, #7F97AD 50%, #59708E 100%);
}
</style>