#6B848C - #C9AFA8 | 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 #6B848C to #C9AFA8

#6B848C #C9AFA8

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

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

0.0%	0.0% #6B848C	RGB 107 132 140	#6B848C
16.7%	16.7% #7A8B90	RGB 122 139 144	#7A8B90
33.3%	33.3% #8A9295	RGB 138 146 149	#8A9295
50.0%	50.0% #9A999A	RGB 154 153 154	#9A999A
66.7%	66.7% #A9A09E	RGB 169 160 158	#A9A09E
83.3%	83.3% #B9A7A3	RGB 185 167 163	#B9A7A3
100.0%	100.0% #C9AFA8	RGB 201 175 168	#C9AFA8

#6B848C #7A8B90 #8A9295 #9A999A #A9A09E #B9A7A3 #C9AFA8

#6B848C - #C9AFA8

HSV Blend

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

0.0%	0.0% #6B848C	RGB 107 132 140	#6B848C
16.7%	16.7% #747D96	RGB 116 125 150	#747D96
33.3%	33.3% #867EA0	RGB 134 126 160	#867EA0
50.0%	50.0% #A188AA	RGB 161 136 170	#A188AA
66.7%	66.7% #B492AD	RGB 180 146 173	#B492AD
83.3%	83.3% #BE9DA6	RGB 190 157 166	#BE9DA6
100.0%	100.0% #C9AFA8	RGB 201 175 168	#C9AFA8

#6B848C #747D96 #867EA0 #A188AA #B492AD #BE9DA6 #C9AFA8

#6B848C - #A188AA - #C9AFA8

CSS codes

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

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