#5A8C7C - #145641 | 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 #5A8C7C to #145641

#5A8C7C #145641

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

#5A8C7C - #145641 | 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 #5A8C7C as 0% and #145641 as 100%.

0.0%	0.0% #5A8C7C	RGB 90 140 124	#5A8C7C
16.7%	16.7% #4E8372	RGB 78 131 114	#4E8372
33.3%	33.3% #427A68	RGB 66 122 104	#427A68
50.0%	50.0% #37715E	RGB 55 113 94	#37715E
66.7%	66.7% #2B6854	RGB 43 104 84	#2B6854
83.3%	83.3% #1F5F4A	RGB 31 95 74	#1F5F4A
100.0%	100.0% #145641	RGB 20 86 65	#145641

#5A8C7C #4E8372 #427A68 #37715E #2B6854 #1F5F4A #145641

#5A8C7C - #145641

HSV Blend

#5A8C7C - #145641 | 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 #5A8C7C as 0% and #145641 as 100%.

0.0%	0.0% #5A8C7C	RGB 90 140 124	#5A8C7C
16.7%	16.7% #4B8371	RGB 75 131 113	#4B8371
33.3%	33.3% #3D7A66	RGB 61 122 102	#3D7A66
50.0%	50.0% #31715C	RGB 49 113 92	#31715C
66.7%	66.7% #266853	RGB 38 104 83	#266853
83.3%	83.3% #1C5F49	RGB 28 95 73	#1C5F49
100.0%	100.0% #145641	RGB 20 86 65	#145641

#5A8C7C #4B8371 #3D7A66 #31715C #266853 #1C5F49 #145641

#5A8C7C - #31715C - #145641

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8C7C 0%, #31715C 50%, #145641 100%);
    background: -webkit-linear-gradient(top, #5A8C7C 0%, #31715C 50%, #145641 100%);
    background: linear-gradient(to bottom, #5A8C7C 0%, #31715C 50%, #145641 100%);
}
</style>