#5E928F - #1D4E56 | 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 #5E928F to #1D4E56

#5E928F #1D4E56

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

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

0.0%	0.0% #5E928F	RGB 94 146 143	#5E928F
16.7%	16.7% #538685	RGB 83 134 133	#538685
33.3%	33.3% #487B7C	RGB 72 123 124	#487B7C
50.0%	50.0% #3D7072	RGB 61 112 114	#3D7072
66.7%	66.7% #326469	RGB 50 100 105	#326469
83.3%	83.3% #27595F	RGB 39 89 95	#27595F
100.0%	100.0% #1D4E56	RGB 29 78 86	#1D4E56

#5E928F #538685 #487B7C #3D7072 #326469 #27595F #1D4E56

#5E928F - #1D4E56

HSV Blend

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

0.0%	0.0% #5E928F	RGB 94 146 143	#5E928F
16.7%	16.7% #508886	RGB 80 136 134	#508886
33.3%	33.3% #447D7E	RGB 68 125 126	#447D7E
50.0%	50.0% #387174	RGB 56 113 116	#387174
66.7%	66.7% #2E656A	RGB 46 101 106	#2E656A
83.3%	83.3% #255960	RGB 37 89 96	#255960
100.0%	100.0% #1D4E56	RGB 29 78 86	#1D4E56

#5E928F #508886 #447D7E #387174 #2E656A #255960 #1D4E56

#5E928F - #387174 - #1D4E56

CSS codes

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

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