#6B8C80 - #D3ABAC | 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 #6B8C80 to #D3ABAC

#6B8C80 #D3ABAC

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

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

0.0%	0.0% #6B8C80	RGB 107 140 128	#6B8C80
16.7%	16.7% #7C9187	RGB 124 145 135	#7C9187
33.3%	33.3% #8D968E	RGB 141 150 142	#8D968E
50.0%	50.0% #9F9B96	RGB 159 155 150	#9F9B96
66.7%	66.7% #B0A09D	RGB 176 160 157	#B0A09D
83.3%	83.3% #C1A5A4	RGB 193 165 164	#C1A5A4
100.0%	100.0% #D3ABAC	RGB 211 171 172	#D3ABAC

#6B8C80 #7C9187 #8D968E #9F9B96 #B0A09D #C1A5A4 #D3ABAC

#6B8C80 - #D3ABAC

HSV Blend

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

0.0%	0.0% #6B8C80	RGB 107 140 128	#6B8C80
16.7%	16.7% #75977B	RGB 117 151 123	#75977B
33.3%	33.3% #88A37F	RGB 136 163 127	#88A37F
50.0%	50.0% #A4AF8A	RGB 164 175 138	#A4AF8A
66.7%	66.7% #BBB694	RGB 187 182 148	#BBB694
83.3%	83.3% #C7B09F	RGB 199 176 159	#C7B09F
100.0%	100.0% #D3ABAC	RGB 211 171 172	#D3ABAC

#6B8C80 #75977B #88A37F #A4AF8A #BBB694 #C7B09F #D3ABAC

#6B8C80 - #A4AF8A - #D3ABAC

CSS codes

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

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