#CACBCC - #767E8C | 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 #CACBCC to #767E8C

#CACBCC #767E8C

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

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

0.0%	0.0% #CACBCC	RGB 202 203 204	#CACBCC
16.7%	16.7% #BCBEC1	RGB 188 190 193	#BCBEC1
33.3%	33.3% #AEB1B6	RGB 174 177 182	#AEB1B6
50.0%	50.0% #A0A4AC	RGB 160 164 172	#A0A4AC
66.7%	66.7% #9297A1	RGB 146 151 161	#9297A1
83.3%	83.3% #848A96	RGB 132 138 150	#848A96
100.0%	100.0% #767E8C	RGB 118 126 140	#767E8C

#CACBCC #BCBEC1 #AEB1B6 #A0A4AC #9297A1 #848A96 #767E8C

#CACBCC - #767E8C

HSV Blend

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

0.0%	0.0% #CACBCC	RGB 202 203 204	#CACBCC
16.7%	16.7% #BABDC1	RGB 186 189 193	#BABDC1
33.3%	33.3% #ABB0B6	RGB 171 176 182	#ABB0B6
50.0%	50.0% #9DA3AC	RGB 157 163 172	#9DA3AC
66.7%	66.7% #8F97A1	RGB 143 151 161	#8F97A1
83.3%	83.3% #828A96	RGB 130 138 150	#828A96
100.0%	100.0% #767E8C	RGB 118 126 140	#767E8C

#CACBCC #BABDC1 #ABB0B6 #9DA3AC #8F97A1 #828A96 #767E8C

#CACBCC - #9DA3AC - #767E8C

CSS codes

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

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