#3C3C5E - #081C18 | 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 #3C3C5E to #081C18

#3C3C5E #081C18

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

#3C3C5E - #081C18 | 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 #3C3C5E as 0% and #081C18 as 100%.

0.0%	0.0% #3C3C5E	RGB 60 60 94	#3C3C5E
16.7%	16.7% #333652	RGB 51 54 82	#333652
33.3%	33.3% #2A3146	RGB 42 49 70	#2A3146
50.0%	50.0% #222C3B	RGB 34 44 59	#222C3B
66.7%	66.7% #19262F	RGB 25 38 47	#19262F
83.3%	83.3% #102123	RGB 16 33 35	#102123
100.0%	100.0% #081C18	RGB 8 28 24	#081C18

#3C3C5E #333652 #2A3146 #222C3B #19262F #102123 #081C18

#3C3C5E - #081C18

HSV Blend

#3C3C5E - #081C18 | 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 #3C3C5E as 0% and #081C18 as 100%.

0.0%	0.0% #3C3C5E	RGB 60 60 94	#3C3C5E
16.7%	16.7% #303753	RGB 48 55 83	#303753
33.3%	33.3% #253348	RGB 37 51 72	#253348
50.0%	50.0% #1C2F3D	RGB 28 47 61	#1C2F3D
66.7%	66.7% #142C32	RGB 20 44 50	#142C32
83.3%	83.3% #0D2727	RGB 13 39 39	#0D2727
100.0%	100.0% #081C18	RGB 8 28 24	#081C18

#3C3C5E #303753 #253348 #1C2F3D #142C32 #0D2727 #081C18

#3C3C5E - #1C2F3D - #081C18

CSS codes

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

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