#5A8C7A - #155540 | 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 #5A8C7A to #155540

#5A8C7A #155540

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

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

0.0%	0.0% #5A8C7A	RGB 90 140 122	#5A8C7A
16.7%	16.7% #4E8270	RGB 78 130 112	#4E8270
33.3%	33.3% #437966	RGB 67 121 102	#437966
50.0%	50.0% #37705D	RGB 55 112 93	#37705D
66.7%	66.7% #2C6753	RGB 44 103 83	#2C6753
83.3%	83.3% #205E49	RGB 32 94 73	#205E49
100.0%	100.0% #155540	RGB 21 85 64	#155540

#5A8C7A #4E8270 #437966 #37705D #2C6753 #205E49 #155540

#5A8C7A - #155540

HSV Blend

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

0.0%	0.0% #5A8C7A	RGB 90 140 122	#5A8C7A
16.7%	16.7% #4B826F	RGB 75 130 111	#4B826F
33.3%	33.3% #3E7964	RGB 62 121 100	#3E7964
50.0%	50.0% #32705B	RGB 50 112 91	#32705B
66.7%	66.7% #276751	RGB 39 103 81	#276751
83.3%	83.3% #1D5E48	RGB 29 94 72	#1D5E48
100.0%	100.0% #155540	RGB 21 85 64	#155540

#5A8C7A #4B826F #3E7964 #32705B #276751 #1D5E48 #155540

#5A8C7A - #32705B - #155540

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8C7A 0%, #32705B 50%, #155540 100%);
    background: -webkit-linear-gradient(top, #5A8C7A 0%, #32705B 50%, #155540 100%);
    background: linear-gradient(to bottom, #5A8C7A 0%, #32705B 50%, #155540 100%);
}
</style>