#3C3E5E - #150E30 | 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 #3C3E5E to #150E30

#3C3E5E #150E30

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

#3C3E5E - #150E30 | 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 #3C3E5E as 0% and #150E30 as 100%.

0.0%	0.0% #3C3E5E	RGB 60 62 94	#3C3E5E
16.7%	16.7% #353656	RGB 53 54 86	#353656
33.3%	33.3% #2F2E4E	RGB 47 46 78	#2F2E4E
50.0%	50.0% #282647	RGB 40 38 71	#282647
66.7%	66.7% #221E3F	RGB 34 30 63	#221E3F
83.3%	83.3% #1B1637	RGB 27 22 55	#1B1637
100.0%	100.0% #150E30	RGB 21 14 48	#150E30

#3C3E5E #353656 #2F2E4E #282647 #221E3F #1B1637 #150E30

#3C3E5E - #150E30

HSV Blend

#3C3E5E - #150E30 | 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 #3C3E5E as 0% and #150E30 as 100%.

0.0%	0.0% #3C3E5E	RGB 60 62 94	#3C3E5E
16.7%	16.7% #323256	RGB 50 50 86	#323256
33.3%	33.3% #2A294E	RGB 42 41 78	#2A294E
50.0%	50.0% #232147	RGB 35 33 71	#232147
66.7%	66.7% #1E193F	RGB 30 25 63	#1E193F
83.3%	83.3% #191337	RGB 25 19 55	#191337
100.0%	100.0% #150E30	RGB 21 14 48	#150E30

#3C3E5E #323256 #2A294E #232147 #1E193F #191337 #150E30

#3C3E5E - #232147 - #150E30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E5E 0%, #232147 50%, #150E30 100%);
    background: -webkit-linear-gradient(top, #3C3E5E 0%, #232147 50%, #150E30 100%);
    background: linear-gradient(to bottom, #3C3E5E 0%, #232147 50%, #150E30 100%);
}
</style>