#081010 - #3C423D | 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 #081010 to #3C423D

#081010 #3C423D

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

#081010 - #3C423D | 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 #081010 as 0% and #3C423D as 100%.

0.0%	0.0% #081010	RGB 8 16 16	#081010
16.7%	16.7% #101817	RGB 16 24 23	#101817
33.3%	33.3% #19201F	RGB 25 32 31	#19201F
50.0%	50.0% #222926	RGB 34 41 38	#222926
66.7%	66.7% #2A312E	RGB 42 49 46	#2A312E
83.3%	83.3% #333935	RGB 51 57 53	#333935
100.0%	100.0% #3C423D	RGB 60 66 61	#3C423D

#081010 #101817 #19201F #222926 #2A312E #333935 #3C423D

#081010 - #3C423D

HSV Blend

#081010 - #3C423D | 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 #081010 as 0% and #3C423D as 100%.

0.0%	0.0% #081010	RGB 8 16 16	#081010
16.7%	16.7% #0D1816	RGB 13 24 22	#0D1816
33.3%	33.3% #14201D	RGB 20 32 29	#14201D
50.0%	50.0% #1C2923	RGB 28 41 35	#1C2923
66.7%	66.7% #26312B	RGB 38 49 43	#26312B
83.3%	83.3% #303933	RGB 48 57 51	#303933
100.0%	100.0% #3C423D	RGB 60 66 61	#3C423D

#081010 #0D1816 #14201D #1C2923 #26312B #303933 #3C423D

#081010 - #1C2923 - #3C423D

CSS codes

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

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