#6A828F - #CFC1AC | 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 #6A828F to #CFC1AC

#6A828F #CFC1AC

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

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

0.0%	0.0% #6A828F	RGB 106 130 143	#6A828F
16.7%	16.7% #7A8C93	RGB 122 140 147	#7A8C93
33.3%	33.3% #8B9798	RGB 139 151 152	#8B9798
50.0%	50.0% #9CA19D	RGB 156 161 157	#9CA19D
66.7%	66.7% #ADACA2	RGB 173 172 162	#ADACA2
83.3%	83.3% #BEB6A7	RGB 190 182 167	#BEB6A7
100.0%	100.0% #CFC1AC	RGB 207 193 172	#CFC1AC

#6A828F #7A8C93 #8B9798 #9CA19D #ADACA2 #BEB6A7 #CFC1AC

#6A828F - #CFC1AC

HSV Blend

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

0.0%	0.0% #6A828F	RGB 106 130 143	#6A828F
16.7%	16.7% #749995	RGB 116 153 149	#749995
33.3%	33.3% #7EA48F	RGB 126 164 143	#7EA48F
50.0%	50.0% #8AAF89	RGB 138 175 137	#8AAF89
66.7%	66.7% #A6B994	RGB 166 185 148	#A6B994
83.3%	83.3% #C2C4A0	RGB 194 196 160	#C2C4A0
100.0%	100.0% #CFC1AC	RGB 207 193 172	#CFC1AC

#6A828F #749995 #7EA48F #8AAF89 #A6B994 #C2C4A0 #CFC1AC

#6A828F - #8AAF89 - #CFC1AC

CSS codes

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

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