#5C7B82 - #145D5E | 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 #5C7B82 to #145D5E

#5C7B82 #145D5E

Calculate the color between two colors, #5C7B82 and #145D5E. 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)

#5C7B82 - #145D5E | 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 #5C7B82 as 0% and #145D5E as 100%.

0.0%	0.0% #5C7B82	RGB 92 123 130	#5C7B82
16.7%	16.7% #50767C	RGB 80 118 124	#50767C
33.3%	33.3% #447176	RGB 68 113 118	#447176
50.0%	50.0% #386C70	RGB 56 108 112	#386C70
66.7%	66.7% #2C676A	RGB 44 103 106	#2C676A
83.3%	83.3% #206264	RGB 32 98 100	#206264
100.0%	100.0% #145D5E	RGB 20 93 94	#145D5E

#5C7B82 #50767C #447176 #386C70 #2C676A #206264 #145D5E

#5C7B82 - #145D5E

HSV Blend

#5C7B82 - #145D5E | 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 #5C7B82 as 0% and #145D5E as 100%.

0.0%	0.0% #5C7B82	RGB 92 123 130	#5C7B82
16.7%	16.7% #4D747C	RGB 77 116 124	#4D747C
33.3%	33.3% #406F76	RGB 64 111 118	#406F76
50.0%	50.0% #336A70	RGB 51 106 112	#336A70
66.7%	66.7% #28656A	RGB 40 101 106	#28656A
83.3%	83.3% #1D6164	RGB 29 97 100	#1D6164
100.0%	100.0% #145D5E	RGB 20 93 94	#145D5E

#5C7B82 #4D747C #406F76 #336A70 #28656A #1D6164 #145D5E

#5C7B82 - #336A70 - #145D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C7B82 0%, #336A70 50%, #145D5E 100%);
    background: -webkit-linear-gradient(top, #5C7B82 0%, #336A70 50%, #145D5E 100%);
    background: linear-gradient(to bottom, #5C7B82 0%, #336A70 50%, #145D5E 100%);
}
</style>