#6B8C84 - #C9A8B0 | 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 #6B8C84 to #C9A8B0

#6B8C84 #C9A8B0

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

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

0.0%	0.0% #6B8C84	RGB 107 140 132	#6B8C84
16.7%	16.7% #7A908B	RGB 122 144 139	#7A908B
33.3%	33.3% #8A9592	RGB 138 149 146	#8A9592
50.0%	50.0% #9A9A9A	RGB 154 154 154	#9A9A9A
66.7%	66.7% #A99EA1	RGB 169 158 161	#A99EA1
83.3%	83.3% #B9A3A8	RGB 185 163 168	#B9A3A8
100.0%	100.0% #C9A8B0	RGB 201 168 176	#C9A8B0

#6B8C84 #7A908B #8A9592 #9A9A9A #A99EA1 #B9A3A8 #C9A8B0

#6B8C84 - #C9A8B0

HSV Blend

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

0.0%	0.0% #6B8C84	RGB 107 140 132	#6B8C84
16.7%	16.7% #74967D	RGB 116 150 125	#74967D
33.3%	33.3% #86A07E	RGB 134 160 126	#86A07E
50.0%	50.0% #A1AA88	RGB 161 170 136	#A1AA88
66.7%	66.7% #B4AC92	RGB 180 172 146	#B4AC92
83.3%	83.3% #BEA59D	RGB 190 165 157	#BEA59D
100.0%	100.0% #C9A8B0	RGB 201 168 176	#C9A8B0

#6B8C84 #74967D #86A07E #A1AA88 #B4AC92 #BEA59D #C9A8B0

#6B8C84 - #A1AA88 - #C9A8B0

CSS codes

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

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