#3E4D5E - #71A583 | 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 #3E4D5E to #71A583

#3E4D5E #71A583

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

#3E4D5E - #71A583 | 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 #3E4D5E as 0% and #71A583 as 100%.

0.0%	0.0% #3E4D5E	RGB 62 77 94	#3E4D5E
16.7%	16.7% #465B64	RGB 70 91 100	#465B64
33.3%	33.3% #4F6A6A	RGB 79 106 106	#4F6A6A
50.0%	50.0% #577970	RGB 87 121 112	#577970
66.7%	66.7% #608776	RGB 96 135 118	#608776
83.3%	83.3% #68967C	RGB 104 150 124	#68967C
100.0%	100.0% #71A583	RGB 113 165 131	#71A583

#3E4D5E #465B64 #4F6A6A #577970 #608776 #68967C #71A583

#3E4D5E - #71A583

HSV Blend

#3E4D5E - #71A583 | 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 #3E4D5E as 0% and #71A583 as 100%.

0.0%	0.0% #3E4D5E	RGB 62 77 94	#3E4D5E
16.7%	16.7% #465D69	RGB 70 93 105	#465D69
33.3%	33.3% #4E7075	RGB 78 112 117	#4E7075
50.0%	50.0% #57817E	RGB 87 129 126	#57817E
66.7%	66.7% #5F8D81	RGB 95 141 129	#5F8D81
83.3%	83.3% #689982	RGB 104 153 130	#689982
100.0%	100.0% #71A583	RGB 113 165 131	#71A583

#3E4D5E #465D69 #4E7075 #57817E #5F8D81 #689982 #71A583

#3E4D5E - #57817E - #71A583

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4D5E 0%, #57817E 50%, #71A583 100%);
    background: -webkit-linear-gradient(top, #3E4D5E 0%, #57817E 50%, #71A583 100%);
    background: linear-gradient(to bottom, #3E4D5E 0%, #57817E 50%, #71A583 100%);
}
</style>