#5E5E7C - #132158 | 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 #5E5E7C to #132158

#5E5E7C #132158

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

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

0.0%	0.0% #5E5E7C	RGB 94 94 124	#5E5E7C
16.7%	16.7% #515376	RGB 81 83 118	#515376
33.3%	33.3% #454970	RGB 69 73 112	#454970
50.0%	50.0% #383F6A	RGB 56 63 106	#383F6A
66.7%	66.7% #2C3564	RGB 44 53 100	#2C3564
83.3%	83.3% #1F2B5E	RGB 31 43 94	#1F2B5E
100.0%	100.0% #132158	RGB 19 33 88	#132158

#5E5E7C #515376 #454970 #383F6A #2C3564 #1F2B5E #132158

#5E5E7C - #132158

HSV Blend

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

0.0%	0.0% #5E5E7C	RGB 94 94 124	#5E5E7C
16.7%	16.7% #4E5076	RGB 78 80 118	#4E5076
33.3%	33.3% #404370	RGB 64 67 112	#404370
50.0%	50.0% #33396A	RGB 51 57 106	#33396A
66.7%	66.7% #272F64	RGB 39 47 100	#272F64
83.3%	83.3% #1C275E	RGB 28 39 94	#1C275E
100.0%	100.0% #132158	RGB 19 33 88	#132158

#5E5E7C #4E5076 #404370 #33396A #272F64 #1C275E #132158

#5E5E7C - #33396A - #132158

CSS codes

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

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