#5A8C99 - #29414C | 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 #5A8C99 to #29414C

#5A8C99 #29414C

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

#5A8C99 - #29414C | 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 #5A8C99 as 0% and #29414C as 100%.

0.0%	0.0% #5A8C99	RGB 90 140 153	#5A8C99
16.7%	16.7% #517F8C	RGB 81 127 140	#517F8C
33.3%	33.3% #49737F	RGB 73 115 127	#49737F
50.0%	50.0% #416672	RGB 65 102 114	#416672
66.7%	66.7% #395A65	RGB 57 90 101	#395A65
83.3%	83.3% #314D58	RGB 49 77 88	#314D58
100.0%	100.0% #29414C	RGB 41 65 76	#29414C

#5A8C99 #517F8C #49737F #416672 #395A65 #314D58 #29414C

#5A8C99 - #29414C

HSV Blend

#5A8C99 - #29414C | 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 #5A8C99 as 0% and #29414C as 100%.

0.0%	0.0% #5A8C99	RGB 90 140 153	#5A8C99
16.7%	16.7% #517E8C	RGB 81 126 140	#517E8C
33.3%	33.3% #48727F	RGB 72 114 127	#48727F
50.0%	50.0% #406572	RGB 64 101 114	#406572
66.7%	66.7% #385965	RGB 56 89 101	#385965
83.3%	83.3% #304C58	RGB 48 76 88	#304C58
100.0%	100.0% #29414C	RGB 41 65 76	#29414C

#5A8C99 #517E8C #48727F #406572 #385965 #304C58 #29414C

#5A8C99 - #406572 - #29414C

CSS codes

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

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