#5E769B - #22334A | 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 #5E769B to #22334A

#5E769B #22334A

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

#5E769B - #22334A | 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 #5E769B as 0% and #22334A as 100%.

0.0%	0.0% #5E769B	RGB 94 118 155	#5E769B
16.7%	16.7% #546A8D	RGB 84 106 141	#546A8D
33.3%	33.3% #4A5F80	RGB 74 95 128	#4A5F80
50.0%	50.0% #405472	RGB 64 84 114	#405472
66.7%	66.7% #364965	RGB 54 73 101	#364965
83.3%	83.3% #2C3E57	RGB 44 62 87	#2C3E57
100.0%	100.0% #22334A	RGB 34 51 74	#22334A

#5E769B #546A8D #4A5F80 #405472 #364965 #2C3E57 #22334A

#5E769B - #22334A

HSV Blend

#5E769B - #22334A | 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 #5E769B as 0% and #22334A as 100%.

0.0%	0.0% #5E769B	RGB 94 118 155	#5E769B
16.7%	16.7% #52698D	RGB 82 105 141	#52698D
33.3%	33.3% #475E80	RGB 71 94 128	#475E80
50.0%	50.0% #3D5272	RGB 61 82 114	#3D5272
66.7%	66.7% #334765	RGB 51 71 101	#334765
83.3%	83.3% #2A3D57	RGB 42 61 87	#2A3D57
100.0%	100.0% #22334A	RGB 34 51 74	#22334A

#5E769B #52698D #475E80 #3D5272 #334765 #2A3D57 #22334A

#5E769B - #3D5272 - #22334A

CSS codes

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

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