#3C394D - #1F080F | 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 #3C394D to #1F080F

#3C394D #1F080F

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

#3C394D - #1F080F | 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 #3C394D as 0% and #1F080F as 100%.

0.0%	0.0% #3C394D	RGB 60 57 77	#3C394D
16.7%	16.7% #373042	RGB 55 48 66	#373042
33.3%	33.3% #322838	RGB 50 40 56	#322838
50.0%	50.0% #2D202E	RGB 45 32 46	#2D202E
66.7%	66.7% #281823	RGB 40 24 35	#281823
83.3%	83.3% #231019	RGB 35 16 25	#231019
100.0%	100.0% #1F080F	RGB 31 8 15	#1F080F

#3C394D #373042 #322838 #2D202E #281823 #231019 #1F080F

#3C394D - #1F080F

HSV Blend

#3C394D - #1F080F | 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 #3C394D as 0% and #1F080F as 100%.

0.0%	0.0% #3C394D	RGB 60 57 77	#3C394D
16.7%	16.7% #372D45	RGB 55 45 69	#372D45
33.3%	33.3% #34233D	RGB 52 35 61	#34233D
50.0%	50.0% #331A36	RGB 51 26 54	#331A36
66.7%	66.7% #2E1329	RGB 46 19 41	#2E1329
83.3%	83.3% #260D1B	RGB 38 13 27	#260D1B
100.0%	100.0% #1F080F	RGB 31 8 15	#1F080F

#3C394D #372D45 #34233D #331A36 #2E1329 #260D1B #1F080F

#3C394D - #331A36 - #1F080F

CSS codes

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

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