#383910 - #0F1004 | 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 #383910 to #0F1004

#383910 #0F1004

Calculate the color between two colors, #383910 and #0F1004. 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)

#383910 - #0F1004 | 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 #383910 as 0% and #0F1004 as 100%.

0.0%	0.0% #383910	RGB 56 57 16	#383910
16.7%	16.7% #31320E	RGB 49 50 14	#31320E
33.3%	33.3% #2A2B0C	RGB 42 43 12	#2A2B0C
50.0%	50.0% #23240A	RGB 35 36 10	#23240A
66.7%	66.7% #1C1D08	RGB 28 29 8	#1C1D08
83.3%	83.3% #151606	RGB 21 22 6	#151606
100.0%	100.0% #0F1004	RGB 15 16 4	#0F1004

#383910 #31320E #2A2B0C #23240A #1C1D08 #151606 #0F1004

#383910 - #0F1004

HSV Blend

#383910 - #0F1004 | 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 #383910 as 0% and #0F1004 as 100%.

0.0%	0.0% #383910	RGB 56 57 16	#383910
16.7%	16.7% #30320D	RGB 48 50 13	#30320D
33.3%	33.3% #292B0B	RGB 41 43 11	#292B0B
50.0%	50.0% #232409	RGB 35 36 9	#232409
66.7%	66.7% #1C1D07	RGB 28 29 7	#1C1D07
83.3%	83.3% #151605	RGB 21 22 5	#151605
100.0%	100.0% #0F1004	RGB 15 16 4	#0F1004

#383910 #30320D #292B0B #232409 #1C1D07 #151605 #0F1004

#383910 - #232409 - #0F1004

CSS codes

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

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