#3C616F - #1E2425 | 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 #3C616F to #1E2425

#3C616F #1E2425

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

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

0.0%	0.0% #3C616F	RGB 60 97 111	#3C616F
16.7%	16.7% #375662	RGB 55 86 98	#375662
33.3%	33.3% #324C56	RGB 50 76 86	#324C56
50.0%	50.0% #2D424A	RGB 45 66 74	#2D424A
66.7%	66.7% #28383D	RGB 40 56 61	#28383D
83.3%	83.3% #232E31	RGB 35 46 49	#232E31
100.0%	100.0% #1E2425	RGB 30 36 37	#1E2425

#3C616F #375662 #324C56 #2D424A #28383D #232E31 #1E2425

#3C616F - #1E2425

HSV Blend

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

0.0%	0.0% #3C616F	RGB 60 97 111	#3C616F
16.7%	16.7% #395862	RGB 57 88 98	#395862
33.3%	33.3% #364E56	RGB 54 78 86	#364E56
50.0%	50.0% #32444A	RGB 50 68 74	#32444A
66.7%	66.7% #2C3A3D	RGB 44 58 61	#2C3A3D
83.3%	83.3% #252F31	RGB 37 47 49	#252F31
100.0%	100.0% #1E2425	RGB 30 36 37	#1E2425

#3C616F #395862 #364E56 #32444A #2C3A3D #252F31 #1E2425

#3C616F - #32444A - #1E2425

CSS codes

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

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