#C0C8CD - #618D88 | 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 #C0C8CD to #618D88

#C0C8CD #618D88

Calculate the color between two colors, #C0C8CD and #618D88. 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)

#C0C8CD - #618D88 | 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 #C0C8CD as 0% and #618D88 as 100%.

0.0%	0.0% #C0C8CD	RGB 192 200 205	#C0C8CD
16.7%	16.7% #B0BEC1	RGB 176 190 193	#B0BEC1
33.3%	33.3% #A0B4B6	RGB 160 180 182	#A0B4B6
50.0%	50.0% #90AAAA	RGB 144 170 170	#90AAAA
66.7%	66.7% #80A09F	RGB 128 160 159	#80A09F
83.3%	83.3% #709693	RGB 112 150 147	#709693
100.0%	100.0% #618D88	RGB 97 141 136	#618D88

#C0C8CD #B0BEC1 #A0B4B6 #90AAAA #80A09F #709693 #618D88

#C0C8CD - #618D88

HSV Blend

#C0C8CD - #618D88 | 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 #C0C8CD as 0% and #618D88 as 100%.

0.0%	0.0% #C0C8CD	RGB 192 200 205	#C0C8CD
16.7%	16.7% #ADBCC2	RGB 173 188 194	#ADBCC2
33.3%	33.3% #9CB1B7	RGB 156 177 183	#9CB1B7
50.0%	50.0% #8CA8AD	RGB 140 168 173	#8CA8AD
66.7%	66.7% #7DA0A2	RGB 125 160 162	#7DA0A2
83.3%	83.3% #6E9796	RGB 110 151 150	#6E9796
100.0%	100.0% #618D88	RGB 97 141 136	#618D88

#C0C8CD #ADBCC2 #9CB1B7 #8CA8AD #7DA0A2 #6E9796 #618D88

#C0C8CD - #8CA8AD - #618D88

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C8CD 0%, #8CA8AD 50%, #618D88 100%);
    background: -webkit-linear-gradient(top, #C0C8CD 0%, #8CA8AD 50%, #618D88 100%);
    background: linear-gradient(to bottom, #C0C8CD 0%, #8CA8AD 50%, #618D88 100%);
}
</style>