#025E5E - #5FB78C | 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 #025E5E to #5FB78C

#025E5E #5FB78C

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

#025E5E - #5FB78C | 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 #025E5E as 0% and #5FB78C as 100%.

0.0%	0.0% #025E5E	RGB 2 94 94	#025E5E
16.7%	16.7% #116C65	RGB 17 108 101	#116C65
33.3%	33.3% #217B6D	RGB 33 123 109	#217B6D
50.0%	50.0% #308A75	RGB 48 138 117	#308A75
66.7%	66.7% #40997C	RGB 64 153 124	#40997C
83.3%	83.3% #4FA884	RGB 79 168 132	#4FA884
100.0%	100.0% #5FB78C	RGB 95 183 140	#5FB78C

#025E5E #116C65 #217B6D #308A75 #40997C #4FA884 #5FB78C

#025E5E - #5FB78C

HSV Blend

#025E5E - #5FB78C | 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 #025E5E as 0% and #5FB78C as 100%.

0.0%	0.0% #015E5E	RGB 1 94 94	#015E5E
16.7%	16.7% #0B6C64	RGB 11 108 100	#0B6C64
33.3%	33.3% #177B6B	RGB 23 123 107	#177B6B
50.0%	50.0% #258A71	RGB 37 138 113	#258A71
66.7%	66.7% #369979	RGB 54 153 121	#369979
83.3%	83.3% #49A881	RGB 73 168 129	#49A881
100.0%	100.0% #5FB78C	RGB 95 183 140	#5FB78C

#015E5E #0B6C64 #177B6B #258A71 #369979 #49A881 #5FB78C

#025E5E - #258A71 - #5FB78C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #015E5E 0%, #258A71 50%, #5FB78C 100%);
    background: -webkit-linear-gradient(top, #015E5E 0%, #258A71 50%, #5FB78C 100%);
    background: linear-gradient(to bottom, #015E5E 0%, #258A71 50%, #5FB78C 100%);
}
</style>