#3D4E5E - #75A47D | 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 #3D4E5E to #75A47D

#3D4E5E #75A47D

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

#3D4E5E - #75A47D | 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 #3D4E5E as 0% and #75A47D as 100%.

0.0%	0.0% #3D4E5E	RGB 61 78 94	#3D4E5E
16.7%	16.7% #465C63	RGB 70 92 99	#465C63
33.3%	33.3% #4F6A68	RGB 79 106 104	#4F6A68
50.0%	50.0% #59796D	RGB 89 121 109	#59796D
66.7%	66.7% #628772	RGB 98 135 114	#628772
83.3%	83.3% #6B9577	RGB 107 149 119	#6B9577
100.0%	100.0% #75A47D	RGB 117 164 125	#75A47D

#3D4E5E #465C63 #4F6A68 #59796D #628772 #6B9577 #75A47D

#3D4E5E - #75A47D

HSV Blend

#3D4E5E - #75A47D | 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 #3D4E5E as 0% and #75A47D as 100%.

0.0%	0.0% #3D4E5E	RGB 61 78 94	#3D4E5E
16.7%	16.7% #456069	RGB 69 96 105	#456069
33.3%	33.3% #4E7375	RGB 78 115 117	#4E7375
50.0%	50.0% #578179	RGB 87 129 121	#578179
66.7%	66.7% #618C7B	RGB 97 140 123	#618C7B
83.3%	83.3% #6B987C	RGB 107 152 124	#6B987C
100.0%	100.0% #75A47D	RGB 117 164 125	#75A47D

#3D4E5E #456069 #4E7375 #578179 #618C7B #6B987C #75A47D

#3D4E5E - #578179 - #75A47D

CSS codes

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

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