#5A8C7E - #1F4B4C | 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 #5A8C7E to #1F4B4C

#5A8C7E #1F4B4C

Calculate the color between two colors, #5A8C7E and #1F4B4C. 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)

#5A8C7E - #1F4B4C | 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 #5A8C7E as 0% and #1F4B4C as 100%.

0.0%	0.0% #5A8C7E	RGB 90 140 126	#5A8C7E
16.7%	16.7% #508175	RGB 80 129 117	#508175
33.3%	33.3% #46766D	RGB 70 118 109	#46766D
50.0%	50.0% #3C6B65	RGB 60 107 101	#3C6B65
66.7%	66.7% #32605C	RGB 50 96 92	#32605C
83.3%	83.3% #285554	RGB 40 85 84	#285554
100.0%	100.0% #1F4B4C	RGB 31 75 76	#1F4B4C

#5A8C7E #508175 #46766D #3C6B65 #32605C #285554 #1F4B4C

#5A8C7E - #1F4B4C

HSV Blend

#5A8C7E - #1F4B4C | 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 #5A8C7E as 0% and #1F4B4C as 100%.

0.0%	0.0% #5A8C7E	RGB 90 140 126	#5A8C7E
16.7%	16.7% #4E8175	RGB 78 129 117	#4E8175
33.3%	33.3% #42766D	RGB 66 118 109	#42766D
50.0%	50.0% #386C65	RGB 56 108 101	#386C65
66.7%	66.7% #2F615D	RGB 47 97 93	#2F615D
83.3%	83.3% #265655	RGB 38 86 85	#265655
100.0%	100.0% #1F4B4C	RGB 31 75 76	#1F4B4C

#5A8C7E #4E8175 #42766D #386C65 #2F615D #265655 #1F4B4C

#5A8C7E - #386C65 - #1F4B4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8C7E 0%, #386C65 50%, #1F4B4C 100%);
    background: -webkit-linear-gradient(top, #5A8C7E 0%, #386C65 50%, #1F4B4C 100%);
    background: linear-gradient(to bottom, #5A8C7E 0%, #386C65 50%, #1F4B4C 100%);
}
</style>