#1F311C - #63695E | 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 #1F311C to #63695E

#1F311C #63695E

Calculate the color between two colors, #1F311C and #63695E. 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)

#1F311C - #63695E | 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 #1F311C as 0% and #63695E as 100%.

0.0%	0.0% #1F311C	RGB 31 49 28	#1F311C
16.7%	16.7% #2A3A27	RGB 42 58 39	#2A3A27
33.3%	33.3% #354332	RGB 53 67 50	#354332
50.0%	50.0% #414D3D	RGB 65 77 61	#414D3D
66.7%	66.7% #4C5648	RGB 76 86 72	#4C5648
83.3%	83.3% #575F53	RGB 87 95 83	#575F53
100.0%	100.0% #63695E	RGB 99 105 94	#63695E

#1F311C #2A3A27 #354332 #414D3D #4C5648 #575F53 #63695E

#1F311C - #63695E

HSV Blend

#1F311C - #63695E | 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 #1F311C as 0% and #63695E as 100%.

0.0%	0.0% #1F311C	RGB 31 49 28	#1F311C
16.7%	16.7% #283A24	RGB 40 58 36	#283A24
33.3%	33.3% #33432D	RGB 51 67 45	#33432D
50.0%	50.0% #3E4D38	RGB 62 77 56	#3E4D38
66.7%	66.7% #4A5643	RGB 74 86 67	#4A5643
83.3%	83.3% #565F50	RGB 86 95 80	#565F50
100.0%	100.0% #63695E	RGB 99 105 94	#63695E

#1F311C #283A24 #33432D #3E4D38 #4A5643 #565F50 #63695E

#1F311C - #3E4D38 - #63695E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F311C 0%, #3E4D38 50%, #63695E 100%);
    background: -webkit-linear-gradient(top, #1F311C 0%, #3E4D38 50%, #63695E 100%);
    background: linear-gradient(to bottom, #1F311C 0%, #3E4D38 50%, #63695E 100%);
}
</style>