#3F5E64 - #ACA794 | 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 #3F5E64 to #ACA794

#3F5E64 #ACA794

Calculate the color between two colors, #3F5E64 and #ACA794. 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)

#3F5E64 - #ACA794 | 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 #3F5E64 as 0% and #ACA794 as 100%.

0.0%	0.0% #3F5E64	RGB 63 94 100	#3F5E64
16.7%	16.7% #516A6C	RGB 81 106 108	#516A6C
33.3%	33.3% #637674	RGB 99 118 116	#637674
50.0%	50.0% #75827C	RGB 117 130 124	#75827C
66.7%	66.7% #878E84	RGB 135 142 132	#878E84
83.3%	83.3% #999A8C	RGB 153 154 140	#999A8C
100.0%	100.0% #ACA794	RGB 172 167 148	#ACA794

#3F5E64 #516A6C #637674 #75827C #878E84 #999A8C #ACA794

#3F5E64 - #ACA794

HSV Blend

#3F5E64 - #ACA794 | 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 #3F5E64 as 0% and #ACA794 as 100%.

0.0%	0.0% #3F5E64	RGB 63 94 100	#3F5E64
16.7%	16.7% #4A7067	RGB 74 112 103	#4A7067
33.3%	33.3% #577C65	RGB 87 124 101	#577C65
50.0%	50.0% #668865	RGB 102 136 101	#668865
66.7%	66.7% #819473	RGB 129 148 115	#819473
83.3%	83.3% #9AA083	RGB 154 160 131	#9AA083
100.0%	100.0% #ACA794	RGB 172 167 148	#ACA794

#3F5E64 #4A7067 #577C65 #668865 #819473 #9AA083 #ACA794

#3F5E64 - #668865 - #ACA794

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F5E64 0%, #668865 50%, #ACA794 100%);
    background: -webkit-linear-gradient(top, #3F5E64 0%, #668865 50%, #ACA794 100%);
    background: linear-gradient(to bottom, #3F5E64 0%, #668865 50%, #ACA794 100%);
}
</style>