#100906 - #3F383B | 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 #100906 to #3F383B

#100906 #3F383B

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

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

0.0%	0.0% #100906	RGB 16 9 6	#100906
16.7%	16.7% #17100E	RGB 23 16 14	#17100E
33.3%	33.3% #1F1817	RGB 31 24 23	#1F1817
50.0%	50.0% #272020	RGB 39 32 32	#272020
66.7%	66.7% #2F2829	RGB 47 40 41	#2F2829
83.3%	83.3% #373032	RGB 55 48 50	#373032
100.0%	100.0% #3F383B	RGB 63 56 59	#3F383B

#100906 #17100E #1F1817 #272020 #2F2829 #373032 #3F383B

#100906 - #3F383B

HSV Blend

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

0.0%	0.0% #100906	RGB 16 9 6	#100906
16.7%	16.7% #170D0A	RGB 23 13 10	#170D0A
33.3%	33.3% #1F1211	RGB 31 18 17	#1F1211
50.0%	50.0% #271819	RGB 39 24 25	#271819
66.7%	66.7% #2F2124	RGB 47 33 36	#2F2124
83.3%	83.3% #372C2F	RGB 55 44 47	#372C2F
100.0%	100.0% #3F383B	RGB 63 56 59	#3F383B

#100906 #170D0A #1F1211 #271819 #2F2124 #372C2F #3F383B

#100906 - #271819 - #3F383B

CSS codes

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

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