#C8C9CE - #767BA0 | 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 #C8C9CE to #767BA0

#C8C9CE #767BA0

Calculate the color between two colors, #C8C9CE and #767BA0. 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)

#C8C9CE - #767BA0 | 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 #C8C9CE as 0% and #767BA0 as 100%.

0.0%	0.0% #C8C9CE	RGB 200 201 206	#C8C9CE
16.7%	16.7% #BABCC6	RGB 186 188 198	#BABCC6
33.3%	33.3% #ACAFBE	RGB 172 175 190	#ACAFBE
50.0%	50.0% #9FA2B7	RGB 159 162 183	#9FA2B7
66.7%	66.7% #9195AF	RGB 145 149 175	#9195AF
83.3%	83.3% #8388A7	RGB 131 136 167	#8388A7
100.0%	100.0% #767BA0	RGB 118 123 160	#767BA0

#C8C9CE #BABCC6 #ACAFBE #9FA2B7 #9195AF #8388A7 #767BA0

#C8C9CE - #767BA0

HSV Blend

#C8C9CE - #767BA0 | 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 #C8C9CE as 0% and #767BA0 as 100%.

0.0%	0.0% #C8C9CE	RGB 200 201 206	#C8C9CE
16.7%	16.7% #B8BAC6	RGB 184 186 198	#B8BAC6
33.3%	33.3% #AAADBE	RGB 170 173 190	#AAADBE
50.0%	50.0% #9CA0B7	RGB 156 160 183	#9CA0B7
66.7%	66.7% #8E93AF	RGB 142 147 175	#8E93AF
83.3%	83.3% #8286A7	RGB 130 134 167	#8286A7
100.0%	100.0% #767BA0	RGB 118 123 160	#767BA0

#C8C9CE #B8BAC6 #AAADBE #9CA0B7 #8E93AF #8286A7 #767BA0

#C8C9CE - #9CA0B7 - #767BA0

CSS codes

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

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