#5E8B8F - #2D3E44 | 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 #5E8B8F to #2D3E44

#5E8B8F #2D3E44

Calculate the color between two colors, #5E8B8F and #2D3E44. 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)

#5E8B8F - #2D3E44 | 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 #5E8B8F as 0% and #2D3E44 as 100%.

0.0%	0.0% #5E8B8F	RGB 94 139 143	#5E8B8F
16.7%	16.7% #557E82	RGB 85 126 130	#557E82
33.3%	33.3% #4D7176	RGB 77 113 118	#4D7176
50.0%	50.0% #456469	RGB 69 100 105	#456469
66.7%	66.7% #3D575D	RGB 61 87 93	#3D575D
83.3%	83.3% #354A50	RGB 53 74 80	#354A50
100.0%	100.0% #2D3E44	RGB 45 62 68	#2D3E44

#5E8B8F #557E82 #4D7176 #456469 #3D575D #354A50 #2D3E44

#5E8B8F - #2D3E44

HSV Blend

#5E8B8F - #2D3E44 | 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 #5E8B8F as 0% and #2D3E44 as 100%.

0.0%	0.0% #5E8B8F	RGB 94 139 143	#5E8B8F
16.7%	16.7% #557D82	RGB 85 125 130	#557D82
33.3%	33.3% #4D7076	RGB 77 112 118	#4D7076
50.0%	50.0% #456369	RGB 69 99 105	#456369
66.7%	66.7% #3D565D	RGB 61 86 93	#3D565D
83.3%	83.3% #354A50	RGB 53 74 80	#354A50
100.0%	100.0% #2D3E44	RGB 45 62 68	#2D3E44

#5E8B8F #557D82 #4D7076 #456369 #3D565D #354A50 #2D3E44

#5E8B8F - #456369 - #2D3E44

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8B8F 0%, #456369 50%, #2D3E44 100%);
    background: -webkit-linear-gradient(top, #5E8B8F 0%, #456369 50%, #2D3E44 100%);
    background: linear-gradient(to bottom, #5E8B8F 0%, #456369 50%, #2D3E44 100%);
}
</style>