#C8C8D9 - #768797 | 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 #C8C8D9 to #768797

#C8C8D9 #768797

Calculate the color between two colors, #C8C8D9 and #768797. 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)

#C8C8D9 - #768797 | 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 #C8C8D9 as 0% and #768797 as 100%.

0.0%	0.0% #C8C8D9	RGB 200 200 217	#C8C8D9
16.7%	16.7% #BABDCE	RGB 186 189 206	#BABDCE
33.3%	33.3% #ACB2C3	RGB 172 178 195	#ACB2C3
50.0%	50.0% #9FA7B8	RGB 159 167 184	#9FA7B8
66.7%	66.7% #919CAD	RGB 145 156 173	#919CAD
83.3%	83.3% #8391A2	RGB 131 145 162	#8391A2
100.0%	100.0% #768797	RGB 118 135 151	#768797

#C8C8D9 #BABDCE #ACB2C3 #9FA7B8 #919CAD #8391A2 #768797

#C8C8D9 - #768797

HSV Blend

#C8C8D9 - #768797 | 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 #C8C8D9 as 0% and #768797 as 100%.

0.0%	0.0% #C8C8D9	RGB 200 200 217	#C8C8D9
16.7%	16.7% #B9BACE	RGB 185 186 206	#B9BACE
33.3%	33.3% #AAAEC3	RGB 170 174 195	#AAAEC3
50.0%	50.0% #9CA3B8	RGB 156 163 184	#9CA3B8
66.7%	66.7% #8F99AD	RGB 143 153 173	#8F99AD
83.3%	83.3% #828FA2	RGB 130 143 162	#828FA2
100.0%	100.0% #768797	RGB 118 135 151	#768797

#C8C8D9 #B9BACE #AAAEC3 #9CA3B8 #8F99AD #828FA2 #768797

#C8C8D9 - #9CA3B8 - #768797

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C8D9 0%, #9CA3B8 50%, #768797 100%);
    background: -webkit-linear-gradient(top, #C8C8D9 0%, #9CA3B8 50%, #768797 100%);
    background: linear-gradient(to bottom, #C8C8D9 0%, #9CA3B8 50%, #768797 100%);
}
</style>