#24344F - #5E6F80 | 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 #24344F to #5E6F80

#24344F #5E6F80

Calculate the color between two colors, #24344F and #5E6F80. 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)

#24344F - #5E6F80 | 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 #24344F as 0% and #5E6F80 as 100%.

0.0%	0.0% #24344F	RGB 36 52 79	#24344F
16.7%	16.7% #2D3D57	RGB 45 61 87	#2D3D57
33.3%	33.3% #37475F	RGB 55 71 95	#37475F
50.0%	50.0% #415167	RGB 65 81 103	#415167
66.7%	66.7% #4A5B6F	RGB 74 91 111	#4A5B6F
83.3%	83.3% #546577	RGB 84 101 119	#546577
100.0%	100.0% #5E6F80	RGB 94 111 128	#5E6F80

#24344F #2D3D57 #37475F #415167 #4A5B6F #546577 #5E6F80

#24344F - #5E6F80

HSV Blend

#24344F - #5E6F80 | 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 #24344F as 0% and #5E6F80 as 100%.

0.0%	0.0% #24344F	RGB 36 52 79	#24344F
16.7%	16.7% #2B3C57	RGB 43 60 87	#2B3C57
33.3%	33.3% #34465F	RGB 52 70 95	#34465F
50.0%	50.0% #3D4F67	RGB 61 79 103	#3D4F67
66.7%	66.7% #47596F	RGB 71 89 111	#47596F
83.3%	83.3% #526477	RGB 82 100 119	#526477
100.0%	100.0% #5E6F80	RGB 94 111 128	#5E6F80

#24344F #2B3C57 #34465F #3D4F67 #47596F #526477 #5E6F80

#24344F - #3D4F67 - #5E6F80

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24344F 0%, #3D4F67 50%, #5E6F80 100%);
    background: -webkit-linear-gradient(top, #24344F 0%, #3D4F67 50%, #5E6F80 100%);
    background: linear-gradient(to bottom, #24344F 0%, #3D4F67 50%, #5E6F80 100%);
}
</style>