#B8CACB - #6C788C | 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 #B8CACB to #6C788C

#B8CACB #6C788C

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

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

0.0%	0.0% #B8CACB	RGB 184 202 203	#B8CACB
16.7%	16.7% #ABBCC0	RGB 171 188 192	#ABBCC0
33.3%	33.3% #9EAEB6	RGB 158 174 182	#9EAEB6
50.0%	50.0% #92A1AB	RGB 146 161 171	#92A1AB
66.7%	66.7% #8593A1	RGB 133 147 161	#8593A1
83.3%	83.3% #788596	RGB 120 133 150	#788596
100.0%	100.0% #6C788C	RGB 108 120 140	#6C788C

#B8CACB #ABBCC0 #9EAEB6 #92A1AB #8593A1 #788596 #6C788C

#B8CACB - #6C788C

HSV Blend

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

0.0%	0.0% #B8CACB	RGB 184 202 203	#B8CACB
16.7%	16.7% #AABDC0	RGB 170 189 192	#AABDC0
33.3%	33.3% #9CAFB6	RGB 156 175 182	#9CAFB6
50.0%	50.0% #8FA2AB	RGB 143 162 171	#8FA2AB
66.7%	66.7% #8394A1	RGB 131 148 161	#8394A1
83.3%	83.3% #778696	RGB 119 134 150	#778696
100.0%	100.0% #6C788C	RGB 108 120 140	#6C788C

#B8CACB #AABDC0 #9CAFB6 #8FA2AB #8394A1 #778696 #6C788C

#B8CACB - #8FA2AB - #6C788C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8CACB 0%, #8FA2AB 50%, #6C788C 100%);
    background: -webkit-linear-gradient(top, #B8CACB 0%, #8FA2AB 50%, #6C788C 100%);
    background: linear-gradient(to bottom, #B8CACB 0%, #8FA2AB 50%, #6C788C 100%);
}
</style>