#5E6C6D - #C6B095 | 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 #5E6C6D to #C6B095

#5E6C6D #C6B095

Calculate the color between two colors, #5E6C6D and #C6B095. 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)

#5E6C6D - #C6B095 | 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 #5E6C6D as 0% and #C6B095 as 100%.

0.0%	0.0% #5E6C6D	RGB 94 108 109	#5E6C6D
16.7%	16.7% #6F7773	RGB 111 119 115	#6F7773
33.3%	33.3% #80827A	RGB 128 130 122	#80827A
50.0%	50.0% #928E81	RGB 146 142 129	#928E81
66.7%	66.7% #A39987	RGB 163 153 135	#A39987
83.3%	83.3% #B4A48E	RGB 180 164 142	#B4A48E
100.0%	100.0% #C6B095	RGB 198 176 149	#C6B095

#5E6C6D #6F7773 #80827A #928E81 #A39987 #B4A48E #C6B095

#5E6C6D - #C6B095

HSV Blend

#5E6C6D - #C6B095 | 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 #5E6C6D as 0% and #C6B095 as 100%.

0.0%	0.0% #5E6C6D	RGB 94 108 109	#5E6C6D
16.7%	16.7% #687B75	RGB 104 123 117	#687B75
33.3%	33.3% #728A78	RGB 114 138 120	#728A78
50.0%	50.0% #81997B	RGB 129 153 123	#81997B
66.7%	66.7% #9AA884	RGB 154 168 132	#9AA884
83.3%	83.3% #B7B58D	RGB 183 181 141	#B7B58D
100.0%	100.0% #C6B095	RGB 198 176 149	#C6B095

#5E6C6D #687B75 #728A78 #81997B #9AA884 #B7B58D #C6B095

#5E6C6D - #81997B - #C6B095

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6C6D 0%, #81997B 50%, #C6B095 100%);
    background: -webkit-linear-gradient(top, #5E6C6D 0%, #81997B 50%, #C6B095 100%);
    background: linear-gradient(to bottom, #5E6C6D 0%, #81997B 50%, #C6B095 100%);
}
</style>