#3D423C - #8F7960 | 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 #3D423C to #8F7960

#3D423C #8F7960

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

#3D423C - #8F7960 | 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 #3D423C as 0% and #8F7960 as 100%.

0.0%	0.0% #3D423C	RGB 61 66 60	#3D423C
16.7%	16.7% #4A4B42	RGB 74 75 66	#4A4B42
33.3%	33.3% #585448	RGB 88 84 72	#585448
50.0%	50.0% #665D4E	RGB 102 93 78	#665D4E
66.7%	66.7% #736654	RGB 115 102 84	#736654
83.3%	83.3% #816F5A	RGB 129 111 90	#816F5A
100.0%	100.0% #8F7960	RGB 143 121 96	#8F7960

#3D423C #4A4B42 #585448 #665D4E #736654 #816F5A #8F7960

#3D423C - #8F7960

HSV Blend

#3D423C - #8F7960 | 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 #3D423C as 0% and #8F7960 as 100%.

0.0%	0.0% #3D423C	RGB 61 66 60	#3D423C
16.7%	16.7% #484E44	RGB 72 78 68	#484E44
33.3%	33.3% #555B4C	RGB 85 91 76	#555B4C
50.0%	50.0% #646852	RGB 100 104 82	#646852
66.7%	66.7% #757458	RGB 117 116 88	#757458
83.3%	83.3% #82785C	RGB 130 120 92	#82785C
100.0%	100.0% #8F7960	RGB 143 121 96	#8F7960

#3D423C #484E44 #555B4C #646852 #757458 #82785C #8F7960

#3D423C - #646852 - #8F7960

CSS codes

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

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