#3E5C5E - #043B3C | 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 #3E5C5E to #043B3C

#3E5C5E #043B3C

Calculate the color between two colors, #3E5C5E and #043B3C. 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)

#3E5C5E - #043B3C | 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 #3E5C5E as 0% and #043B3C as 100%.

0.0%	0.0% #3E5C5E	RGB 62 92 94	#3E5C5E
16.7%	16.7% #345658	RGB 52 86 88	#345658
33.3%	33.3% #2A5152	RGB 42 81 82	#2A5152
50.0%	50.0% #214B4D	RGB 33 75 77	#214B4D
66.7%	66.7% #174647	RGB 23 70 71	#174647
83.3%	83.3% #0D4041	RGB 13 64 65	#0D4041
100.0%	100.0% #043B3C	RGB 4 59 60	#043B3C

#3E5C5E #345658 #2A5152 #214B4D #174647 #0D4041 #043B3C

#3E5C5E - #043B3C

HSV Blend

#3E5C5E - #043B3C | 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 #3E5C5E as 0% and #043B3C as 100%.

0.0%	0.0% #3E5C5E	RGB 62 92 94	#3E5C5E
16.7%	16.7% #315658	RGB 49 86 88	#315658
33.3%	33.3% #265052	RGB 38 80 82	#265052
50.0%	50.0% #1B4B4D	RGB 27 75 77	#1B4B4D
66.7%	66.7% #124547	RGB 18 69 71	#124547
83.3%	83.3% #0A4041	RGB 10 64 65	#0A4041
100.0%	100.0% #043B3C	RGB 4 59 60	#043B3C

#3E5C5E #315658 #265052 #1B4B4D #124547 #0A4041 #043B3C

#3E5C5E - #1B4B4D - #043B3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5C5E 0%, #1B4B4D 50%, #043B3C 100%);
    background: -webkit-linear-gradient(top, #3E5C5E 0%, #1B4B4D 50%, #043B3C 100%);
    background: linear-gradient(to bottom, #3E5C5E 0%, #1B4B4D 50%, #043B3C 100%);
}
</style>