#100505 - #3D363C | 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 #100505 to #3D363C

#100505 #3D363C

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

#100505 - #3D363C | 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 #100505 as 0% and #3D363C as 100%.

0.0%	0.0% #100505	RGB 16 5 5	#100505
16.7%	16.7% #170D0E	RGB 23 13 14	#170D0E
33.3%	33.3% #1F1517	RGB 31 21 23	#1F1517
50.0%	50.0% #261D20	RGB 38 29 32	#261D20
66.7%	66.7% #2E2529	RGB 46 37 41	#2E2529
83.3%	83.3% #352D32	RGB 53 45 50	#352D32
100.0%	100.0% #3D363C	RGB 61 54 60	#3D363C

#100505 #170D0E #1F1517 #261D20 #2E2529 #352D32 #3D363C

#100505 - #3D363C

HSV Blend

#100505 - #3D363C | 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 #100505 as 0% and #3D363C as 100%.

0.0%	0.0% #100505	RGB 16 5 5	#100505
16.7%	16.7% #17090B	RGB 23 9 11	#17090B
33.3%	33.3% #1F0F14	RGB 31 15 20	#1F0F14
50.0%	50.0% #26171D	RGB 38 23 29	#26171D
66.7%	66.7% #2E1F27	RGB 46 31 39	#2E1F27
83.3%	83.3% #352A32	RGB 53 42 50	#352A32
100.0%	100.0% #3D363C	RGB 61 54 60	#3D363C

#100505 #17090B #1F0F14 #26171D #2E1F27 #352A32 #3D363C

#100505 - #26171D - #3D363C

CSS codes

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

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