#10080E - #3D3C42 | 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 #10080E to #3D3C42

#10080E #3D3C42

Calculate the color between two colors, #10080E and #3D3C42. 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)

#10080E - #3D3C42 | 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 #10080E as 0% and #3D3C42 as 100%.

0.0%	0.0% #10080E	RGB 16 8 14	#10080E
16.7%	16.7% #171016	RGB 23 16 22	#171016
33.3%	33.3% #1F191F	RGB 31 25 31	#1F191F
50.0%	50.0% #262228	RGB 38 34 40	#262228
66.7%	66.7% #2E2A30	RGB 46 42 48	#2E2A30
83.3%	83.3% #353339	RGB 53 51 57	#353339
100.0%	100.0% #3D3C42	RGB 61 60 66	#3D3C42

#10080E #171016 #1F191F #262228 #2E2A30 #353339 #3D3C42

#10080E - #3D3C42

HSV Blend

#10080E - #3D3C42 | 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 #10080E as 0% and #3D3C42 as 100%.

0.0%	0.0% #10080E	RGB 16 8 14	#10080E
16.7%	16.7% #180D17	RGB 24 13 23	#180D17
33.3%	33.3% #1F1420	RGB 31 20 32	#1F1420
50.0%	50.0% #251C29	RGB 37 28 41	#251C29
66.7%	66.7% #2C2631	RGB 44 38 49	#2C2631
83.3%	83.3% #333039	RGB 51 48 57	#333039
100.0%	100.0% #3D3C42	RGB 61 60 66	#3D3C42

#10080E #180D17 #1F1420 #251C29 #2C2631 #333039 #3D3C42

#10080E - #251C29 - #3D3C42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #10080E 0%, #251C29 50%, #3D3C42 100%);
    background: -webkit-linear-gradient(top, #10080E 0%, #251C29 50%, #3D3C42 100%);
    background: linear-gradient(to bottom, #10080E 0%, #251C29 50%, #3D3C42 100%);
}
</style>