#6B696D - #FFAF7B | 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 #6B696D to #FFAF7B

#6B696D #FFAF7B

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

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

0.0%	0.0% #6B696D	RGB 107 105 109	#6B696D
16.7%	16.7% #83746F	RGB 131 116 111	#83746F
33.3%	33.3% #9C8071	RGB 156 128 113	#9C8071
50.0%	50.0% #B58C74	RGB 181 140 116	#B58C74
66.7%	66.7% #CD9776	RGB 205 151 118	#CD9776
83.3%	83.3% #E6A378	RGB 230 163 120	#E6A378
100.0%	100.0% #FFAF7B	RGB 255 175 123	#FFAF7B

#6B696D #83746F #9C8071 #B58C74 #CD9776 #E6A378 #FFAF7B

#6B696D - #FFAF7B

HSV Blend

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

0.0%	0.0% #6B696D	RGB 107 105 109	#6B696D
16.7%	16.7% #827585	RGB 130 117 133	#827585
33.3%	33.3% #9D7E99	RGB 157 126 153	#9D7E99
50.0%	50.0% #B6839F	RGB 182 131 159	#B6839F
66.7%	66.7% #CE8496	RGB 206 132 150	#CE8496
83.3%	83.3% #E68981	RGB 230 137 129	#E68981
100.0%	100.0% #FFAF7B	RGB 255 175 123	#FFAF7B

#6B696D #827585 #9D7E99 #B6839F #CE8496 #E68981 #FFAF7B

#6B696D - #B6839F - #FFAF7B

CSS codes

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

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