#080802 - #342D3C | 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 #080802 to #342D3C

#080802 #342D3C

Calculate the color between two colors, #080802 and #342D3C. 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)

#080802 - #342D3C | 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 #080802 as 0% and #342D3C as 100%.

0.0%	0.0% #080802	RGB 8 8 2	#080802
16.7%	16.7% #0F0E0B	RGB 15 14 11	#0F0E0B
33.3%	33.3% #161415	RGB 22 20 21	#161415
50.0%	50.0% #1E1A1F	RGB 30 26 31	#1E1A1F
66.7%	66.7% #252028	RGB 37 32 40	#252028
83.3%	83.3% #2C2632	RGB 44 38 50	#2C2632
100.0%	100.0% #342D3C	RGB 52 45 60	#342D3C

#080802 #0F0E0B #161415 #1E1A1F #252028 #2C2632 #342D3C

#080802 - #342D3C

HSV Blend

#080802 - #342D3C | 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 #080802 as 0% and #342D3C as 100%.

0.0%	0.0% #080802	RGB 8 8 2	#080802
16.7%	16.7% #100B05	RGB 16 11 5	#100B05
33.3%	33.3% #190C0A	RGB 25 12 10	#190C0A
50.0%	50.0% #221115	RGB 34 17 21	#221115
66.7%	66.7% #2A1825	RGB 42 24 37	#2A1825
83.3%	83.3% #312233	RGB 49 34 51	#312233
100.0%	100.0% #342D3C	RGB 52 45 60	#342D3C

#080802 #100B05 #190C0A #221115 #2A1825 #312233 #342D3C

#080802 - #221115 - #342D3C

CSS codes

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

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