#5E8C7A - #1D584F | 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 #5E8C7A to #1D584F

#5E8C7A #1D584F

Calculate the color between two colors, #5E8C7A and #1D584F. 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)

#5E8C7A - #1D584F | 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 #5E8C7A as 0% and #1D584F as 100%.

0.0%	0.0% #5E8C7A	RGB 94 140 122	#5E8C7A
16.7%	16.7% #538372	RGB 83 131 114	#538372
33.3%	33.3% #487A6B	RGB 72 122 107	#487A6B
50.0%	50.0% #3D7264	RGB 61 114 100	#3D7264
66.7%	66.7% #32695D	RGB 50 105 93	#32695D
83.3%	83.3% #276056	RGB 39 96 86	#276056
100.0%	100.0% #1D584F	RGB 29 88 79	#1D584F

#5E8C7A #538372 #487A6B #3D7264 #32695D #276056 #1D584F

#5E8C7A - #1D584F

HSV Blend

#5E8C7A - #1D584F | 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 #5E8C7A as 0% and #1D584F as 100%.

0.0%	0.0% #5E8C7A	RGB 94 140 122	#5E8C7A
16.7%	16.7% #508371	RGB 80 131 113	#508371
33.3%	33.3% #447A69	RGB 68 122 105	#447A69
50.0%	50.0% #397262	RGB 57 114 98	#397262
66.7%	66.7% #2E695B	RGB 46 105 91	#2E695B
83.3%	83.3% #256055	RGB 37 96 85	#256055
100.0%	100.0% #1D584F	RGB 29 88 79	#1D584F

#5E8C7A #508371 #447A69 #397262 #2E695B #256055 #1D584F

#5E8C7A - #397262 - #1D584F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8C7A 0%, #397262 50%, #1D584F 100%);
    background: -webkit-linear-gradient(top, #5E8C7A 0%, #397262 50%, #1D584F 100%);
    background: linear-gradient(to bottom, #5E8C7A 0%, #397262 50%, #1D584F 100%);
}
</style>