#60645F - #BEAC7E | 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 #60645F to #BEAC7E

#60645F #BEAC7E

Calculate the color between two colors, #60645F and #BEAC7E. 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)

#60645F - #BEAC7E | 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 #60645F as 0% and #BEAC7E as 100%.

0.0%	0.0% #60645F	RGB 96 100 95	#60645F
16.7%	16.7% #6F7064	RGB 111 112 100	#6F7064
33.3%	33.3% #7F7C69	RGB 127 124 105	#7F7C69
50.0%	50.0% #8F886E	RGB 143 136 110	#8F886E
66.7%	66.7% #9E9473	RGB 158 148 115	#9E9473
83.3%	83.3% #AEA078	RGB 174 160 120	#AEA078
100.0%	100.0% #BEAC7E	RGB 190 172 126	#BEAC7E

#60645F #6F7064 #7F7C69 #8F886E #9E9473 #AEA078 #BEAC7E

#60645F - #BEAC7E

HSV Blend

#60645F - #BEAC7E | 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 #60645F as 0% and #BEAC7E as 100%.

0.0%	0.0% #60645F	RGB 96 100 95	#60645F
16.7%	16.7% #6C7367	RGB 108 115 103	#6C7367
33.3%	33.3% #79826F	RGB 121 130 111	#79826F
50.0%	50.0% #899174	RGB 137 145 116	#899174
66.7%	66.7% #9CA079	RGB 156 160 121	#9CA079
83.3%	83.3% #AFA97C	RGB 175 169 124	#AFA97C
100.0%	100.0% #BEAC7E	RGB 190 172 126	#BEAC7E

#60645F #6C7367 #79826F #899174 #9CA079 #AFA97C #BEAC7E

#60645F - #899174 - #BEAC7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #60645F 0%, #899174 50%, #BEAC7E 100%);
    background: -webkit-linear-gradient(top, #60645F 0%, #899174 50%, #BEAC7E 100%);
    background: linear-gradient(to bottom, #60645F 0%, #899174 50%, #BEAC7E 100%);
}
</style>