#3F5E4C - #0C2F23 | 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 #3F5E4C to #0C2F23

#3F5E4C #0C2F23

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

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

0.0%	0.0% #3F5E4C	RGB 63 94 76	#3F5E4C
16.7%	16.7% #365645	RGB 54 86 69	#365645
33.3%	33.3% #2E4E3E	RGB 46 78 62	#2E4E3E
50.0%	50.0% #254637	RGB 37 70 55	#254637
66.7%	66.7% #1D3E30	RGB 29 62 48	#1D3E30
83.3%	83.3% #143629	RGB 20 54 41	#143629
100.0%	100.0% #0C2F23	RGB 12 47 35	#0C2F23

#3F5E4C #365645 #2E4E3E #254637 #1D3E30 #143629 #0C2F23

#3F5E4C - #0C2F23

HSV Blend

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

0.0%	0.0% #3F5E4C	RGB 63 94 76	#3F5E4C
16.7%	16.7% #335643	RGB 51 86 67	#335643
33.3%	33.3% #294E3B	RGB 41 78 59	#294E3B
50.0%	50.0% #204635	RGB 32 70 53	#204635
66.7%	66.7% #183E2E	RGB 24 62 46	#183E2E
83.3%	83.3% #113628	RGB 17 54 40	#113628
100.0%	100.0% #0C2F23	RGB 12 47 35	#0C2F23

#3F5E4C #335643 #294E3B #204635 #183E2E #113628 #0C2F23

#3F5E4C - #204635 - #0C2F23

CSS codes

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

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