#125D5E - #8FB49F | 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 #125D5E to #8FB49F

#125D5E #8FB49F

Calculate the color between two colors, #125D5E and #8FB49F. 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)

#125D5E - #8FB49F | 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 #125D5E as 0% and #8FB49F as 100%.

0.0%	0.0% #125D5E	RGB 18 93 94	#125D5E
16.7%	16.7% #266B68	RGB 38 107 104	#266B68
33.3%	33.3% #3B7A73	RGB 59 122 115	#3B7A73
50.0%	50.0% #50887E	RGB 80 136 126	#50887E
66.7%	66.7% #659789	RGB 101 151 137	#659789
83.3%	83.3% #7AA594	RGB 122 165 148	#7AA594
100.0%	100.0% #8FB49F	RGB 143 180 159	#8FB49F

#125D5E #266B68 #3B7A73 #50887E #659789 #7AA594 #8FB49F

#125D5E - #8FB49F

HSV Blend

#125D5E - #8FB49F | 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 #125D5E as 0% and #8FB49F as 100%.

0.0%	0.0% #115D5E	RGB 17 93 94	#115D5E
16.7%	16.7% #1F6C65	RGB 31 108 101	#1F6C65
33.3%	33.3% #307A6D	RGB 48 122 109	#307A6D
50.0%	50.0% #438975	RGB 67 137 117	#438975
66.7%	66.7% #599780	RGB 89 151 128	#599780
83.3%	83.3% #72A58D	RGB 114 165 141	#72A58D
100.0%	100.0% #8FB49F	RGB 143 180 159	#8FB49F

#115D5E #1F6C65 #307A6D #438975 #599780 #72A58D #8FB49F

#125D5E - #438975 - #8FB49F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #115D5E 0%, #438975 50%, #8FB49F 100%);
    background: -webkit-linear-gradient(top, #115D5E 0%, #438975 50%, #8FB49F 100%);
    background: linear-gradient(to bottom, #115D5E 0%, #438975 50%, #8FB49F 100%);
}
</style>