#5E7290 - #223140 | 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 #5E7290 to #223140

#5E7290 #223140

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

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

0.0%	0.0% #5E7290	RGB 94 114 144	#5E7290
16.7%	16.7% #546782	RGB 84 103 130	#546782
33.3%	33.3% #4A5C75	RGB 74 92 117	#4A5C75
50.0%	50.0% #405168	RGB 64 81 104	#405168
66.7%	66.7% #36465A	RGB 54 70 90	#36465A
83.3%	83.3% #2C3B4D	RGB 44 59 77	#2C3B4D
100.0%	100.0% #223140	RGB 34 49 64	#223140

#5E7290 #546782 #4A5C75 #405168 #36465A #2C3B4D #223140

#5E7290 - #223140

HSV Blend

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

0.0%	0.0% #5E7290	RGB 94 114 144	#5E7290
16.7%	16.7% #526682	RGB 82 102 130	#526682
33.3%	33.3% #475B75	RGB 71 91 117	#475B75
50.0%	50.0% #3D5068	RGB 61 80 104	#3D5068
66.7%	66.7% #33455A	RGB 51 69 90	#33455A
83.3%	83.3% #2A3B4D	RGB 42 59 77	#2A3B4D
100.0%	100.0% #223140	RGB 34 49 64	#223140

#5E7290 #526682 #475B75 #3D5068 #33455A #2A3B4D #223140

#5E7290 - #3D5068 - #223140

CSS codes

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

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