#31231C - #695E5E | 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 #31231C to #695E5E

#31231C #695E5E

Calculate the color between two colors, #31231C and #695E5E. 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)

#31231C - #695E5E | 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 #31231C as 0% and #695E5E as 100%.

0.0%	0.0% #31231C	RGB 49 35 28	#31231C
16.7%	16.7% #3A2C27	RGB 58 44 39	#3A2C27
33.3%	33.3% #433632	RGB 67 54 50	#433632
50.0%	50.0% #4D403D	RGB 77 64 61	#4D403D
66.7%	66.7% #564A48	RGB 86 74 72	#564A48
83.3%	83.3% #5F5453	RGB 95 84 83	#5F5453
100.0%	100.0% #695E5E	RGB 105 94 94	#695E5E

#31231C #3A2C27 #433632 #4D403D #564A48 #5F5453 #695E5E

#31231C - #695E5E

HSV Blend

#31231C - #695E5E | 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 #31231C as 0% and #695E5E as 100%.

0.0%	0.0% #31231C	RGB 49 35 28	#31231C
16.7%	16.7% #3A2A24	RGB 58 42 36	#3A2A24
33.3%	33.3% #43322D	RGB 67 50 45	#43322D
50.0%	50.0% #4D3B38	RGB 77 59 56	#4D3B38
66.7%	66.7% #564643	RGB 86 70 67	#564643
83.3%	83.3% #5F5150	RGB 95 81 80	#5F5150
100.0%	100.0% #695E5E	RGB 105 94 94	#695E5E

#31231C #3A2A24 #43322D #4D3B38 #564643 #5F5150 #695E5E

#31231C - #4D3B38 - #695E5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #31231C 0%, #4D3B38 50%, #695E5E 100%);
    background: -webkit-linear-gradient(top, #31231C 0%, #4D3B38 50%, #695E5E 100%);
    background: linear-gradient(to bottom, #31231C 0%, #4D3B38 50%, #695E5E 100%);
}
</style>