#636360 - #D9AB7E | 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 #636360 to #D9AB7E

#636360 #D9AB7E

Calculate the color between two colors, #636360 and #D9AB7E. 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)

#636360 - #D9AB7E | 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 #636360 as 0% and #D9AB7E as 100%.

0.0%	0.0% #636360	RGB 99 99 96	#636360
16.7%	16.7% #766F65	RGB 118 111 101	#766F65
33.3%	33.3% #8A7B6A	RGB 138 123 106	#8A7B6A
50.0%	50.0% #9E876F	RGB 158 135 111	#9E876F
66.7%	66.7% #B19374	RGB 177 147 116	#B19374
83.3%	83.3% #C59F79	RGB 197 159 121	#C59F79
100.0%	100.0% #D9AB7E	RGB 217 171 126	#D9AB7E

#636360 #766F65 #8A7B6A #9E876F #B19374 #C59F79 #D9AB7E

#636360 - #D9AB7E

HSV Blend

#636360 - #D9AB7E | 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 #636360 as 0% and #D9AB7E as 100%.

0.0%	0.0% #636360	RGB 99 99 96	#636360
16.7%	16.7% #76756B	RGB 118 117 107	#76756B
33.3%	33.3% #8A8674	RGB 138 134 116	#8A8674
50.0%	50.0% #9E957A	RGB 158 149 122	#9E957A
66.7%	66.7% #B1A07E	RGB 177 160 126	#B1A07E
83.3%	83.3% #C5A77F	RGB 197 167 127	#C5A77F
100.0%	100.0% #D9AB7E	RGB 217 171 126	#D9AB7E

#636360 #76756B #8A8674 #9E957A #B1A07E #C5A77F #D9AB7E

#636360 - #9E957A - #D9AB7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #636360 0%, #9E957A 50%, #D9AB7E 100%);
    background: -webkit-linear-gradient(top, #636360 0%, #9E957A 50%, #D9AB7E 100%);
    background: linear-gradient(to bottom, #636360 0%, #9E957A 50%, #D9AB7E 100%);
}
</style>