#5E7397 - #213146 | 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 #5E7397 to #213146

#5E7397 #213146

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

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

0.0%	0.0% #5E7397	RGB 94 115 151	#5E7397
16.7%	16.7% #536889	RGB 83 104 137	#536889
33.3%	33.3% #495D7C	RGB 73 93 124	#495D7C
50.0%	50.0% #3F526E	RGB 63 82 110	#3F526E
66.7%	66.7% #354761	RGB 53 71 97	#354761
83.3%	83.3% #2B3C53	RGB 43 60 83	#2B3C53
100.0%	100.0% #213146	RGB 33 49 70	#213146

#5E7397 #536889 #495D7C #3F526E #354761 #2B3C53 #213146

#5E7397 - #213146

HSV Blend

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

0.0%	0.0% #5E7397	RGB 94 115 151	#5E7397
16.7%	16.7% #526789	RGB 82 103 137	#526789
33.3%	33.3% #465B7C	RGB 70 91 124	#465B7C
50.0%	50.0% #3C506E	RGB 60 80 110	#3C506E
66.7%	66.7% #324561	RGB 50 69 97	#324561
83.3%	83.3% #293B53	RGB 41 59 83	#293B53
100.0%	100.0% #213146	RGB 33 49 70	#213146

#5E7397 #526789 #465B7C #3C506E #324561 #293B53 #213146

#5E7397 - #3C506E - #213146

CSS codes

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

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