#C0C9CD - #6F698C | 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 #C0C9CD to #6F698C

#C0C9CD #6F698C

Calculate the color between two colors, #C0C9CD and #6F698C. 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)

#C0C9CD - #6F698C | 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 #C0C9CD as 0% and #6F698C as 100%.

0.0%	0.0% #C0C9CD	RGB 192 201 205	#C0C9CD
16.7%	16.7% #B2B9C2	RGB 178 185 194	#B2B9C2
33.3%	33.3% #A5A9B7	RGB 165 169 183	#A5A9B7
50.0%	50.0% #9799AC	RGB 151 153 172	#9799AC
66.7%	66.7% #8A89A1	RGB 138 137 161	#8A89A1
83.3%	83.3% #7C7996	RGB 124 121 150	#7C7996
100.0%	100.0% #6F698C	RGB 111 105 140	#6F698C

#C0C9CD #B2B9C2 #A5A9B7 #9799AC #8A89A1 #7C7996 #6F698C

#C0C9CD - #6F698C

HSV Blend

#C0C9CD - #6F698C | 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 #C0C9CD as 0% and #6F698C as 100%.

0.0%	0.0% #C0C9CD	RGB 192 201 205	#C0C9CD
16.7%	16.7% #AFB9C2	RGB 175 185 194	#AFB9C2
33.3%	33.3% #A0A9B7	RGB 160 169 183	#A0A9B7
50.0%	50.0% #9198AC	RGB 145 152 172	#9198AC
66.7%	66.7% #8386A1	RGB 131 134 161	#8386A1
83.3%	83.3% #767596	RGB 118 117 150	#767596
100.0%	100.0% #6F698C	RGB 111 105 140	#6F698C

#C0C9CD #AFB9C2 #A0A9B7 #9198AC #8386A1 #767596 #6F698C

#C0C9CD - #9198AC - #6F698C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C9CD 0%, #9198AC 50%, #6F698C 100%);
    background: -webkit-linear-gradient(top, #C0C9CD 0%, #9198AC 50%, #6F698C 100%);
    background: linear-gradient(to bottom, #C0C9CD 0%, #9198AC 50%, #6F698C 100%);
}
</style>