#3E5461 - #A19B8F | 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 #3E5461 to #A19B8F

#3E5461 #A19B8F

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

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

0.0%	0.0% #3E5461	RGB 62 84 97	#3E5461
16.7%	16.7% #4E5F68	RGB 78 95 104	#4E5F68
33.3%	33.3% #5F6B70	RGB 95 107 112	#5F6B70
50.0%	50.0% #6F7778	RGB 111 119 120	#6F7778
66.7%	66.7% #80837F	RGB 128 131 127	#80837F
83.3%	83.3% #908F87	RGB 144 143 135	#908F87
100.0%	100.0% #A19B8F	RGB 161 155 143	#A19B8F

#3E5461 #4E5F68 #5F6B70 #6F7778 #80837F #908F87 #A19B8F

#3E5461 - #A19B8F

HSV Blend

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

0.0%	0.0% #3E5461	RGB 62 84 97	#3E5461
16.7%	16.7% #496B68	RGB 73 107 104	#496B68
33.3%	33.3% #557664	RGB 85 118 100	#557664
50.0%	50.0% #628163	RGB 98 129 99	#628163
66.7%	66.7% #7C8B70	RGB 124 139 112	#7C8B70
83.3%	83.3% #93967F	RGB 147 150 127	#93967F
100.0%	100.0% #A19B8F	RGB 161 155 143	#A19B8F

#3E5461 #496B68 #557664 #628163 #7C8B70 #93967F #A19B8F

#3E5461 - #628163 - #A19B8F

CSS codes

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

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