#3C3D5E - #10054E | 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 #3C3D5E to #10054E

#3C3D5E #10054E

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

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

0.0%	0.0% #3C3D5E	RGB 60 61 94	#3C3D5E
16.7%	16.7% #34335B	RGB 52 51 91	#34335B
33.3%	33.3% #2D2A58	RGB 45 42 88	#2D2A58
50.0%	50.0% #262156	RGB 38 33 86	#262156
66.7%	66.7% #1E1753	RGB 30 23 83	#1E1753
83.3%	83.3% #170E50	RGB 23 14 80	#170E50
100.0%	100.0% #10054E	RGB 16 5 78	#10054E

#3C3D5E #34335B #2D2A58 #262156 #1E1753 #170E50 #10054E

#3C3D5E - #10054E

HSV Blend

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

0.0%	0.0% #3C3D5E	RGB 60 61 94	#3C3D5E
16.7%	16.7% #31315B	RGB 49 49 91	#31315B
33.3%	33.3% #292758	RGB 41 39 88	#292758
50.0%	50.0% #211E56	RGB 33 30 86	#211E56
66.7%	66.7% #1A1553	RGB 26 21 83	#1A1553
83.3%	83.3% #150C50	RGB 21 12 80	#150C50
100.0%	100.0% #10054E	RGB 16 5 78	#10054E

#3C3D5E #31315B #292758 #211E56 #1A1553 #150C50 #10054E

#3C3D5E - #211E56 - #10054E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3D5E 0%, #211E56 50%, #10054E 100%);
    background: -webkit-linear-gradient(top, #3C3D5E 0%, #211E56 50%, #10054E 100%);
    background: linear-gradient(to bottom, #3C3D5E 0%, #211E56 50%, #10054E 100%);
}
</style>