#6A6B6D - #C38689 | 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 #6A6B6D to #C38689

#6A6B6D #C38689

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

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

0.0%	0.0% #6A6B6D	RGB 106 107 109	#6A6B6D
16.7%	16.7% #786F71	RGB 120 111 113	#786F71
33.3%	33.3% #877476	RGB 135 116 118	#877476
50.0%	50.0% #96787B	RGB 150 120 123	#96787B
66.7%	66.7% #A57D7F	RGB 165 125 127	#A57D7F
83.3%	83.3% #B48184	RGB 180 129 132	#B48184
100.0%	100.0% #C38689	RGB 195 134 137	#C38689

#6A6B6D #786F71 #877476 #96787B #A57D7F #B48184 #C38689

#6A6B6D - #C38689

HSV Blend

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

0.0%	0.0% #6A6B6D	RGB 106 107 109	#6A6B6D
16.7%	16.7% #72727B	RGB 114 114 123	#72727B
33.3%	33.3% #807889	RGB 128 120 137	#807889
50.0%	50.0% #937E98	RGB 147 126 152	#937E98
66.7%	66.7% #A6829F	RGB 166 130 159	#A6829F
83.3%	83.3% #B48499	RGB 180 132 153	#B48499
100.0%	100.0% #C38689	RGB 195 134 137	#C38689

#6A6B6D #72727B #807889 #937E98 #A6829F #B48499 #C38689

#6A6B6D - #937E98 - #C38689

CSS codes

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

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