#39060B - #0B050E | 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 #39060B to #0B050E

#39060B #0B050E

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

#39060B - #0B050E | 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 #39060B as 0% and #0B050E as 100%.

0.0%	0.0% #39060B	RGB 57 6 11	#39060B
16.7%	16.7% #31050B	RGB 49 5 11	#31050B
33.3%	33.3% #29050C	RGB 41 5 12	#29050C
50.0%	50.0% #22050C	RGB 34 5 12	#22050C
66.7%	66.7% #1A050D	RGB 26 5 13	#1A050D
83.3%	83.3% #12050D	RGB 18 5 13	#12050D
100.0%	100.0% #0B050E	RGB 11 5 14	#0B050E

#39060B #31050B #29050C #22050C #1A050D #12050D #0B050E

#39060B - #0B050E

HSV Blend

#39060B - #0B050E | 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 #39060B as 0% and #0B050E as 100%.

0.0%	0.0% #39060A	RGB 57 6 10	#39060A
16.7%	16.7% #310714	RGB 49 7 20	#310714
33.3%	33.3% #2A0819	RGB 42 8 25	#2A0819
50.0%	50.0% #23081B	RGB 35 8 27	#23081B
66.7%	66.7% #1C071A	RGB 28 7 26	#1C071A
83.3%	83.3% #130615	RGB 19 6 21	#130615
100.0%	100.0% #0B050E	RGB 11 5 14	#0B050E

#39060A #310714 #2A0819 #23081B #1C071A #130615 #0B050E

#39060B - #23081B - #0B050E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #39060A 0%, #23081B 50%, #0B050E 100%);
    background: -webkit-linear-gradient(top, #39060A 0%, #23081B 50%, #0B050E 100%);
    background: linear-gradient(to bottom, #39060A 0%, #23081B 50%, #0B050E 100%);
}
</style>