#080C10 - #3E444D | 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 #080C10 to #3E444D

#080C10 #3E444D

Calculate the color between two colors, #080C10 and #3E444D. 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)

#080C10 - #3E444D | 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 #080C10 as 0% and #3E444D as 100%.

0.0%	0.0% #080C10	RGB 8 12 16	#080C10
16.7%	16.7% #11151A	RGB 17 21 26	#11151A
33.3%	33.3% #1A1E24	RGB 26 30 36	#1A1E24
50.0%	50.0% #23282E	RGB 35 40 46	#23282E
66.7%	66.7% #2C3138	RGB 44 49 56	#2C3138
83.3%	83.3% #353A42	RGB 53 58 66	#353A42
100.0%	100.0% #3E444D	RGB 62 68 77	#3E444D

#080C10 #11151A #1A1E24 #23282E #2C3138 #353A42 #3E444D

#080C10 - #3E444D

HSV Blend

#080C10 - #3E444D | 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 #080C10 as 0% and #3E444D as 100%.

0.0%	0.0% #080C10	RGB 8 12 16	#080C10
16.7%	16.7% #0E141A	RGB 14 20 26	#0E141A
33.3%	33.3% #151C24	RGB 21 28 36	#151C24
50.0%	50.0% #1E252E	RGB 30 37 46	#1E252E
66.7%	66.7% #272F38	RGB 39 47 56	#272F38
83.3%	83.3% #323942	RGB 50 57 66	#323942
100.0%	100.0% #3E444D	RGB 62 68 77	#3E444D

#080C10 #0E141A #151C24 #1E252E #272F38 #323942 #3E444D

#080C10 - #1E252E - #3E444D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080C10 0%, #1E252E 50%, #3E444D 100%);
    background: -webkit-linear-gradient(top, #080C10 0%, #1E252E 50%, #3E444D 100%);
    background: linear-gradient(to bottom, #080C10 0%, #1E252E 50%, #3E444D 100%);
}
</style>