#6B868C - #C9ADA8 | 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 #6B868C to #C9ADA8

#6B868C #C9ADA8

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

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

0.0%	0.0% #6B868C	RGB 107 134 140	#6B868C
16.7%	16.7% #7A8C90	RGB 122 140 144	#7A8C90
33.3%	33.3% #8A9395	RGB 138 147 149	#8A9395
50.0%	50.0% #9A999A	RGB 154 153 154	#9A999A
66.7%	66.7% #A9A09E	RGB 169 160 158	#A9A09E
83.3%	83.3% #B9A6A3	RGB 185 166 163	#B9A6A3
100.0%	100.0% #C9ADA8	RGB 201 173 168	#C9ADA8

#6B868C #7A8C90 #8A9395 #9A999A #A9A09E #B9A6A3 #C9ADA8

#6B868C - #C9ADA8

HSV Blend

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

0.0%	0.0% #6B868C	RGB 107 134 140	#6B868C
16.7%	16.7% #747F96	RGB 116 127 150	#747F96
33.3%	33.3% #847EA0	RGB 132 126 160	#847EA0
50.0%	50.0% #9F88AA	RGB 159 136 170	#9F88AA
66.7%	66.7% #B492AF	RGB 180 146 175	#B492AF
83.3%	83.3% #BE9DA8	RGB 190 157 168	#BE9DA8
100.0%	100.0% #C9ADA8	RGB 201 173 168	#C9ADA8

#6B868C #747F96 #847EA0 #9F88AA #B492AF #BE9DA8 #C9ADA8

#6B868C - #9F88AA - #C9ADA8

CSS codes

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

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