#362B5E - #7E7B90 | 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 #362B5E to #7E7B90

#362B5E #7E7B90

Calculate the color between two colors, #362B5E and #7E7B90. 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)

#362B5E - #7E7B90 | 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 #362B5E as 0% and #7E7B90 as 100%.

0.0%	0.0% #362B5E	RGB 54 43 94	#362B5E
16.7%	16.7% #423866	RGB 66 56 102	#423866
33.3%	33.3% #4E456E	RGB 78 69 110	#4E456E
50.0%	50.0% #5A5377	RGB 90 83 119	#5A5377
66.7%	66.7% #66607F	RGB 102 96 127	#66607F
83.3%	83.3% #726D87	RGB 114 109 135	#726D87
100.0%	100.0% #7E7B90	RGB 126 123 144	#7E7B90

#362B5E #423866 #4E456E #5A5377 #66607F #726D87 #7E7B90

#362B5E - #7E7B90

HSV Blend

#362B5E - #7E7B90 | 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 #362B5E as 0% and #7E7B90 as 100%.

0.0%	0.0% #352B5E	RGB 53 43 94	#352B5E
16.7%	16.7% #3F3566	RGB 63 53 102	#3F3566
33.3%	33.3% #49416E	RGB 73 65 110	#49416E
50.0%	50.0% #554E77	RGB 85 78 119	#554E77
66.7%	66.7% #615B7F	RGB 97 91 127	#615B7F
83.3%	83.3% #6F6A87	RGB 111 106 135	#6F6A87
100.0%	100.0% #7E7B90	RGB 126 123 144	#7E7B90

#352B5E #3F3566 #49416E #554E77 #615B7F #6F6A87 #7E7B90

#362B5E - #554E77 - #7E7B90

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #352B5E 0%, #554E77 50%, #7E7B90 100%);
    background: -webkit-linear-gradient(top, #352B5E 0%, #554E77 50%, #7E7B90 100%);
    background: linear-gradient(to bottom, #352B5E 0%, #554E77 50%, #7E7B90 100%);
}
</style>