#1B100C - #59463D | 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 #1B100C to #59463D

#1B100C #59463D

Calculate the color between two colors, #1B100C and #59463D. 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)

#1B100C - #59463D | 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 #1B100C as 0% and #59463D as 100%.

0.0%	0.0% #1B100C	RGB 27 16 12	#1B100C
16.7%	16.7% #251914	RGB 37 25 20	#251914
33.3%	33.3% #2F221C	RGB 47 34 28	#2F221C
50.0%	50.0% #3A2B24	RGB 58 43 36	#3A2B24
66.7%	66.7% #44342C	RGB 68 52 44	#44342C
83.3%	83.3% #4E3D34	RGB 78 61 52	#4E3D34
100.0%	100.0% #59463D	RGB 89 70 61	#59463D

#1B100C #251914 #2F221C #3A2B24 #44342C #4E3D34 #59463D

#1B100C - #59463D

HSV Blend

#1B100C - #59463D | 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 #1B100C as 0% and #59463D as 100%.

0.0%	0.0% #1B100C	RGB 27 16 12	#1B100C
16.7%	16.7% #251712	RGB 37 23 18	#251712
33.3%	33.3% #2F1F19	RGB 47 31 25	#2F1F19
50.0%	50.0% #3A2820	RGB 58 40 32	#3A2820
66.7%	66.7% #443129	RGB 68 49 41	#443129
83.3%	83.3% #4E3B32	RGB 78 59 50	#4E3B32
100.0%	100.0% #59463D	RGB 89 70 61	#59463D

#1B100C #251712 #2F1F19 #3A2820 #443129 #4E3B32 #59463D

#1B100C - #3A2820 - #59463D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B100C 0%, #3A2820 50%, #59463D 100%);
    background: -webkit-linear-gradient(top, #1B100C 0%, #3A2820 50%, #59463D 100%);
    background: linear-gradient(to bottom, #1B100C 0%, #3A2820 50%, #59463D 100%);
}
</style>