#055E5E - #61B68A | 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 #055E5E to #61B68A

#055E5E #61B68A

Calculate the color between two colors, #055E5E and #61B68A. 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)

#055E5E - #61B68A | 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 #055E5E as 0% and #61B68A as 100%.

0.0%	0.0% #055E5E	RGB 5 94 94	#055E5E
16.7%	16.7% #146C65	RGB 20 108 101	#146C65
33.3%	33.3% #237B6C	RGB 35 123 108	#237B6C
50.0%	50.0% #338A74	RGB 51 138 116	#338A74
66.7%	66.7% #42987B	RGB 66 152 123	#42987B
83.3%	83.3% #51A782	RGB 81 167 130	#51A782
100.0%	100.0% #61B68A	RGB 97 182 138	#61B68A

#055E5E #146C65 #237B6C #338A74 #42987B #51A782 #61B68A

#055E5E - #61B68A

HSV Blend

#055E5E - #61B68A | 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 #055E5E as 0% and #61B68A as 100%.

0.0%	0.0% #045E5E	RGB 4 94 94	#045E5E
16.7%	16.7% #0E6C64	RGB 14 108 100	#0E6C64
33.3%	33.3% #1A7B6A	RGB 26 123 106	#1A7B6A
50.0%	50.0% #288A70	RGB 40 138 112	#288A70
66.7%	66.7% #389877	RGB 56 152 119	#389877
83.3%	83.3% #4BA77F	RGB 75 167 127	#4BA77F
100.0%	100.0% #61B68A	RGB 97 182 138	#61B68A

#045E5E #0E6C64 #1A7B6A #288A70 #389877 #4BA77F #61B68A

#055E5E - #288A70 - #61B68A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #045E5E 0%, #288A70 50%, #61B68A 100%);
    background: -webkit-linear-gradient(top, #045E5E 0%, #288A70 50%, #61B68A 100%);
    background: linear-gradient(to bottom, #045E5E 0%, #288A70 50%, #61B68A 100%);
}
</style>