#005655 - #55AE85 | 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 #005655 to #55AE85

#005655 #55AE85

Calculate the color between two colors, #005655 and #55AE85. 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)

#005655 - #55AE85 | 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 #005655 as 0% and #55AE85 as 100%.

0.0%	0.0% #005655	RGB 0 86 85	#005655
16.7%	16.7% #0E645D	RGB 14 100 93	#0E645D
33.3%	33.3% #1C7365	RGB 28 115 101	#1C7365
50.0%	50.0% #2A826D	RGB 42 130 109	#2A826D
66.7%	66.7% #389075	RGB 56 144 117	#389075
83.3%	83.3% #469F7D	RGB 70 159 125	#469F7D
100.0%	100.0% #55AE85	RGB 85 174 133	#55AE85

#005655 #0E645D #1C7365 #2A826D #389075 #469F7D #55AE85

#005655 - #55AE85

HSV Blend

#005655 - #55AE85 | 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 #005655 as 0% and #55AE85 as 100%.

0.0%	0.0% #005655	RGB 0 86 85	#005655
16.7%	16.7% #08645C	RGB 8 100 92	#08645C
33.3%	33.3% #127363	RGB 18 115 99	#127363
50.0%	50.0% #1F826A	RGB 31 130 106	#1F826A
66.7%	66.7% #2F9072	RGB 47 144 114	#2F9072
83.3%	83.3% #409F7A	RGB 64 159 122	#409F7A
100.0%	100.0% #55AE85	RGB 85 174 133	#55AE85

#005655 #08645C #127363 #1F826A #2F9072 #409F7A #55AE85

#005655 - #1F826A - #55AE85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005655 0%, #1F826A 50%, #55AE85 100%);
    background: -webkit-linear-gradient(top, #005655 0%, #1F826A 50%, #55AE85 100%);
    background: linear-gradient(to bottom, #005655 0%, #1F826A 50%, #55AE85 100%);
}
</style>