#080605 - #31383C | 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 #080605 to #31383C

#080605 #31383C

Calculate the color between two colors, #080605 and #31383C. 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)

#080605 - #31383C | 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 #080605 as 0% and #31383C as 100%.

0.0%	0.0% #080605	RGB 8 6 5	#080605
16.7%	16.7% #0E0E0E	RGB 14 14 14	#0E0E0E
33.3%	33.3% #151617	RGB 21 22 23	#151617
50.0%	50.0% #1C1F20	RGB 28 31 32	#1C1F20
66.7%	66.7% #232729	RGB 35 39 41	#232729
83.3%	83.3% #2A2F32	RGB 42 47 50	#2A2F32
100.0%	100.0% #31383C	RGB 49 56 60	#31383C

#080605 #0E0E0E #151617 #1C1F20 #232729 #2A2F32 #31383C

#080605 - #31383C

HSV Blend

#080605 - #31383C | 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 #080605 as 0% and #31383C as 100%.

0.0%	0.0% #080605	RGB 8 6 5	#080605
16.7%	16.7% #100A0B	RGB 16 10 11	#100A0B
33.3%	33.3% #191116	RGB 25 17 22	#191116
50.0%	50.0% #201822	RGB 32 24 34	#201822
66.7%	66.7% #23202A	RGB 35 32 42	#23202A
83.3%	83.3% #282933	RGB 40 41 51	#282933
100.0%	100.0% #31383C	RGB 49 56 60	#31383C

#080605 #100A0B #191116 #201822 #23202A #282933 #31383C

#080605 - #201822 - #31383C

CSS codes

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

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