#5E7680 - #223234 | 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 #5E7680 to #223234

#5E7680 #223234

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

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

0.0%	0.0% #5E7680	RGB 94 118 128	#5E7680
16.7%	16.7% #546A73	RGB 84 106 115	#546A73
33.3%	33.3% #4A5F66	RGB 74 95 102	#4A5F66
50.0%	50.0% #40545A	RGB 64 84 90	#40545A
66.7%	66.7% #36484D	RGB 54 72 77	#36484D
83.3%	83.3% #2C3D40	RGB 44 61 64	#2C3D40
100.0%	100.0% #223234	RGB 34 50 52	#223234

#5E7680 #546A73 #4A5F66 #40545A #36484D #2C3D40 #223234

#5E7680 - #223234

HSV Blend

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

0.0%	0.0% #5E7680	RGB 94 118 128	#5E7680
16.7%	16.7% #536A73	RGB 83 106 115	#536A73
33.3%	33.3% #485F66	RGB 72 95 102	#485F66
50.0%	50.0% #3E545A	RGB 62 84 90	#3E545A
66.7%	66.7% #34494D	RGB 52 73 77	#34494D
83.3%	83.3% #2B3D40	RGB 43 61 64	#2B3D40
100.0%	100.0% #223234	RGB 34 50 52	#223234

#5E7680 #536A73 #485F66 #3E545A #34494D #2B3D40 #223234

#5E7680 - #3E545A - #223234

CSS codes

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

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