#080301 - #2D352E | 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 #080301 to #2D352E

#080301 #2D352E

Calculate the color between two colors, #080301 and #2D352E. 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)

#080301 - #2D352E | 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 #080301 as 0% and #2D352E as 100%.

0.0%	0.0% #080301	RGB 8 3 1	#080301
16.7%	16.7% #0E0B08	RGB 14 11 8	#0E0B08
33.3%	33.3% #141310	RGB 20 19 16	#141310
50.0%	50.0% #1A1C17	RGB 26 28 23	#1A1C17
66.7%	66.7% #20241F	RGB 32 36 31	#20241F
83.3%	83.3% #262C26	RGB 38 44 38	#262C26
100.0%	100.0% #2D352E	RGB 45 53 46	#2D352E

#080301 #0E0B08 #141310 #1A1C17 #20241F #262C26 #2D352E

#080301 - #2D352E

HSV Blend

#080301 - #2D352E | 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 #080301 as 0% and #2D352E as 100%.

0.0%	0.0% #080301	RGB 8 3 1	#080301
16.7%	16.7% #0F0A03	RGB 15 10 3	#0F0A03
33.3%	33.3% #171508	RGB 23 21 8	#171508
50.0%	50.0% #1B1E0E	RGB 27 30 14	#1B1E0E
66.7%	66.7% #1E2617	RGB 30 38 23	#1E2617
83.3%	83.3% #232D21	RGB 35 45 33	#232D21
100.0%	100.0% #2D352E	RGB 45 53 46	#2D352E

#080301 #0F0A03 #171508 #1B1E0E #1E2617 #232D21 #2D352E

#080301 - #1B1E0E - #2D352E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080301 0%, #1B1E0E 50%, #2D352E 100%);
    background: -webkit-linear-gradient(top, #080301 0%, #1B1E0E 50%, #2D352E 100%);
    background: linear-gradient(to bottom, #080301 0%, #1B1E0E 50%, #2D352E 100%);
}
</style>