#010909 - #3C382F | 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 #010909 to #3C382F

#010909 #3C382F

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

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

0.0%	0.0% #010909	RGB 1 9 9	#010909
16.7%	16.7% #0A100F	RGB 10 16 15	#0A100F
33.3%	33.3% #141815	RGB 20 24 21	#141815
50.0%	50.0% #1E201C	RGB 30 32 28	#1E201C
66.7%	66.7% #282822	RGB 40 40 34	#282822
83.3%	83.3% #323028	RGB 50 48 40	#323028
100.0%	100.0% #3C382F	RGB 60 56 47	#3C382F

#010909 #0A100F #141815 #1E201C #282822 #323028 #3C382F

#010909 - #3C382F

HSV Blend

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

0.0%	0.0% #000909	RGB 0 9 9	#000909
16.7%	16.7% #03110C	RGB 3 17 12	#03110C
33.3%	33.3% #081A0C	RGB 8 26 12	#081A0C
50.0%	50.0% #12220F	RGB 18 34 15	#12220F
66.7%	66.7% #222B18	RGB 34 43 24	#222B18
83.3%	83.3% #323322	RGB 50 51 34	#323322
100.0%	100.0% #3C382F	RGB 60 56 47	#3C382F

#000909 #03110C #081A0C #12220F #222B18 #323322 #3C382F

#010909 - #12220F - #3C382F

CSS codes

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

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