#696B5E - #291B1B | 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 #696B5E to #291B1B

#696B5E #291B1B

Calculate the color between two colors, #696B5E and #291B1B. 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)

#696B5E - #291B1B | 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 #696B5E as 0% and #291B1B as 100%.

0.0%	0.0% #696B5E	RGB 105 107 94	#696B5E
16.7%	16.7% #5E5D52	RGB 94 93 82	#5E5D52
33.3%	33.3% #535047	RGB 83 80 71	#535047
50.0%	50.0% #49433C	RGB 73 67 60	#49433C
66.7%	66.7% #3E3531	RGB 62 53 49	#3E3531
83.3%	83.3% #332826	RGB 51 40 38	#332826
100.0%	100.0% #291B1B	RGB 41 27 27	#291B1B

#696B5E #5E5D52 #535047 #49433C #3E3531 #332826 #291B1B

#696B5E - #291B1B

HSV Blend

#696B5E - #291B1B | 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 #696B5E as 0% and #291B1B as 100%.

0.0%	0.0% #696B5E	RGB 105 107 94	#696B5E
16.7%	16.7% #605F50	RGB 96 95 80	#605F50
33.3%	33.3% #555144	RGB 85 81 68	#555144
50.0%	50.0% #4A4238	RGB 74 66 56	#4A4238
66.7%	66.7% #3F342E	RGB 63 52 46	#3F342E
83.3%	83.3% #342724	RGB 52 39 36	#342724
100.0%	100.0% #291B1B	RGB 41 27 27	#291B1B

#696B5E #605F50 #555144 #4A4238 #3F342E #342724 #291B1B

#696B5E - #4A4238 - #291B1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #696B5E 0%, #4A4238 50%, #291B1B 100%);
    background: -webkit-linear-gradient(top, #696B5E 0%, #4A4238 50%, #291B1B 100%);
    background: linear-gradient(to bottom, #696B5E 0%, #4A4238 50%, #291B1B 100%);
}
</style>