#00554F - #5EAF86 | 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 #00554F to #5EAF86

#00554F #5EAF86

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

#00554F - #5EAF86 | 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 #00554F as 0% and #5EAF86 as 100%.

0.0%	0.0% #00554F	RGB 0 85 79	#00554F
16.7%	16.7% #0F6458	RGB 15 100 88	#0F6458
33.3%	33.3% #1F7361	RGB 31 115 97	#1F7361
50.0%	50.0% #2F826A	RGB 47 130 106	#2F826A
66.7%	66.7% #3E9173	RGB 62 145 115	#3E9173
83.3%	83.3% #4EA07C	RGB 78 160 124	#4EA07C
100.0%	100.0% #5EAF86	RGB 94 175 134	#5EAF86

#00554F #0F6458 #1F7361 #2F826A #3E9173 #4EA07C #5EAF86

#00554F - #5EAF86

HSV Blend

#00554F - #5EAF86 | 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 #00554F as 0% and #5EAF86 as 100%.

0.0%	0.0% #00554F	RGB 0 85 79	#00554F
16.7%	16.7% #086456	RGB 8 100 86	#086456
33.3%	33.3% #14735E	RGB 20 115 94	#14735E
50.0%	50.0% #228266	RGB 34 130 102	#228266
66.7%	66.7% #33916F	RGB 51 145 111	#33916F
83.3%	83.3% #47A079	RGB 71 160 121	#47A079
100.0%	100.0% #5EAF86	RGB 94 175 134	#5EAF86

#00554F #086456 #14735E #228266 #33916F #47A079 #5EAF86

#00554F - #228266 - #5EAF86

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00554F 0%, #228266 50%, #5EAF86 100%);
    background: -webkit-linear-gradient(top, #00554F 0%, #228266 50%, #5EAF86 100%);
    background: linear-gradient(to bottom, #00554F 0%, #228266 50%, #5EAF86 100%);
}
</style>