#3E5E5D - #043C39 | 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 #3E5E5D to #043C39

#3E5E5D #043C39

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

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

0.0%	0.0% #3E5E5D	RGB 62 94 93	#3E5E5D
16.7%	16.7% #345857	RGB 52 88 87	#345857
33.3%	33.3% #2A5251	RGB 42 82 81	#2A5251
50.0%	50.0% #214D4B	RGB 33 77 75	#214D4B
66.7%	66.7% #174745	RGB 23 71 69	#174745
83.3%	83.3% #0D413F	RGB 13 65 63	#0D413F
100.0%	100.0% #043C39	RGB 4 60 57	#043C39

#3E5E5D #345857 #2A5251 #214D4B #174745 #0D413F #043C39

#3E5E5D - #043C39

HSV Blend

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

0.0%	0.0% #3E5E5D	RGB 62 94 93	#3E5E5D
16.7%	16.7% #315856	RGB 49 88 86	#315856
33.3%	33.3% #265250	RGB 38 82 80	#265250
50.0%	50.0% #1B4D4A	RGB 27 77 74	#1B4D4A
66.7%	66.7% #124744	RGB 18 71 68	#124744
83.3%	83.3% #0A413E	RGB 10 65 62	#0A413E
100.0%	100.0% #043C39	RGB 4 60 57	#043C39

#3E5E5D #315856 #265250 #1B4D4A #124744 #0A413E #043C39

#3E5E5D - #1B4D4A - #043C39

CSS codes

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

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