#3C5B5E - #0F101C | 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 #3C5B5E to #0F101C

#3C5B5E #0F101C

Calculate the color between two colors, #3C5B5E and #0F101C. 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)

#3C5B5E - #0F101C | 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 #3C5B5E as 0% and #0F101C as 100%.

0.0%	0.0% #3C5B5E	RGB 60 91 94	#3C5B5E
16.7%	16.7% #344E53	RGB 52 78 83	#344E53
33.3%	33.3% #2D4248	RGB 45 66 72	#2D4248
50.0%	50.0% #25353D	RGB 37 53 61	#25353D
66.7%	66.7% #1E2932	RGB 30 41 50	#1E2932
83.3%	83.3% #161C27	RGB 22 28 39	#161C27
100.0%	100.0% #0F101C	RGB 15 16 28	#0F101C

#3C5B5E #344E53 #2D4248 #25353D #1E2932 #161C27 #0F101C

#3C5B5E - #0F101C

HSV Blend

#3C5B5E - #0F101C | 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 #3C5B5E as 0% and #0F101C as 100%.

0.0%	0.0% #3C5B5E	RGB 60 91 94	#3C5B5E
16.7%	16.7% #334B53	RGB 51 75 83	#334B53
33.3%	33.3% #2B3D48	RGB 43 61 72	#2B3D48
50.0%	50.0% #23303D	RGB 35 48 61	#23303D
66.7%	66.7% #1C2432	RGB 28 36 50	#1C2432
83.3%	83.3% #151927	RGB 21 25 39	#151927
100.0%	100.0% #0F101C	RGB 15 16 28	#0F101C

#3C5B5E #334B53 #2B3D48 #23303D #1C2432 #151927 #0F101C

#3C5B5E - #23303D - #0F101C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5B5E 0%, #23303D 50%, #0F101C 100%);
    background: -webkit-linear-gradient(top, #3C5B5E 0%, #23303D 50%, #0F101C 100%);
    background: linear-gradient(to bottom, #3C5B5E 0%, #23303D 50%, #0F101C 100%);
}
</style>