#5E8C8C - #0F5B4D | 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 #5E8C8C to #0F5B4D

#5E8C8C #0F5B4D

Calculate the color between two colors, #5E8C8C and #0F5B4D. 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)

#5E8C8C - #0F5B4D | 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 #5E8C8C as 0% and #0F5B4D as 100%.

0.0%	0.0% #5E8C8C	RGB 94 140 140	#5E8C8C
16.7%	16.7% #508381	RGB 80 131 129	#508381
33.3%	33.3% #437B77	RGB 67 123 119	#437B77
50.0%	50.0% #36736C	RGB 54 115 108	#36736C
66.7%	66.7% #296B62	RGB 41 107 98	#296B62
83.3%	83.3% #1C6357	RGB 28 99 87	#1C6357
100.0%	100.0% #0F5B4D	RGB 15 91 77	#0F5B4D

#5E8C8C #508381 #437B77 #36736C #296B62 #1C6357 #0F5B4D

#5E8C8C - #0F5B4D

HSV Blend

#5E8C8C - #0F5B4D | 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 #5E8C8C as 0% and #0F5B4D as 100%.

0.0%	0.0% #5E8C8C	RGB 94 140 140	#5E8C8C
16.7%	16.7% #4D8382	RGB 77 131 130	#4D8382
33.3%	33.3% #3E7B77	RGB 62 123 119	#3E7B77
50.0%	50.0% #30736D	RGB 48 115 109	#30736D
66.7%	66.7% #236B62	RGB 35 107 98	#236B62
83.3%	83.3% #186357	RGB 24 99 87	#186357
100.0%	100.0% #0F5B4D	RGB 15 91 77	#0F5B4D

#5E8C8C #4D8382 #3E7B77 #30736D #236B62 #186357 #0F5B4D

#5E8C8C - #30736D - #0F5B4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8C8C 0%, #30736D 50%, #0F5B4D 100%);
    background: -webkit-linear-gradient(top, #5E8C8C 0%, #30736D 50%, #0F5B4D 100%);
    background: linear-gradient(to bottom, #5E8C8C 0%, #30736D 50%, #0F5B4D 100%);
}
</style>