#5E789B - #20335C | 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 #5E789B to #20335C

#5E789B #20335C

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

#5E789B - #20335C | 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 #5E789B as 0% and #20335C as 100%.

0.0%	0.0% #5E789B	RGB 94 120 155	#5E789B
16.7%	16.7% #536C90	RGB 83 108 144	#536C90
33.3%	33.3% #496186	RGB 73 97 134	#496186
50.0%	50.0% #3F557B	RGB 63 85 123	#3F557B
66.7%	66.7% #344A71	RGB 52 74 113	#344A71
83.3%	83.3% #2A3E66	RGB 42 62 102	#2A3E66
100.0%	100.0% #20335C	RGB 32 51 92	#20335C

#5E789B #536C90 #496186 #3F557B #344A71 #2A3E66 #20335C

#5E789B - #20335C

HSV Blend

#5E789B - #20335C | 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 #5E789B as 0% and #20335C as 100%.

0.0%	0.0% #5E789B	RGB 94 120 155	#5E789B
16.7%	16.7% #516B90	RGB 81 107 144	#516B90
33.3%	33.3% #455E86	RGB 69 94 134	#455E86
50.0%	50.0% #3A527B	RGB 58 82 123	#3A527B
66.7%	66.7% #314771	RGB 49 71 113	#314771
83.3%	83.3% #283C66	RGB 40 60 102	#283C66
100.0%	100.0% #20335C	RGB 32 51 92	#20335C

#5E789B #516B90 #455E86 #3A527B #314771 #283C66 #20335C

#5E789B - #3A527B - #20335C

CSS codes

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

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