#363F5E - #7B5FC8 | 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 #363F5E to #7B5FC8

#363F5E #7B5FC8

Calculate the color between two colors, #363F5E and #7B5FC8. 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)

#363F5E - #7B5FC8 | 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 #363F5E as 0% and #7B5FC8 as 100%.

0.0%	0.0% #363F5E	RGB 54 63 94	#363F5E
16.7%	16.7% #41446F	RGB 65 68 111	#41446F
33.3%	33.3% #4D4981	RGB 77 73 129	#4D4981
50.0%	50.0% #584F93	RGB 88 79 147	#584F93
66.7%	66.7% #6454A4	RGB 100 84 164	#6454A4
83.3%	83.3% #6F59B6	RGB 111 89 182	#6F59B6
100.0%	100.0% #7B5FC8	RGB 123 95 200	#7B5FC8

#363F5E #41446F #4D4981 #584F93 #6454A4 #6F59B6 #7B5FC8

#363F5E - #7B5FC8

HSV Blend

#363F5E - #7B5FC8 | 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 #363F5E as 0% and #7B5FC8 as 100%.

0.0%	0.0% #363F5E	RGB 54 63 94	#363F5E
16.7%	16.7% #3E456F	RGB 62 69 111	#3E456F
33.3%	33.3% #464981	RGB 70 73 129	#464981
50.0%	50.0% #4E4D93	RGB 78 77 147	#4E4D93
66.7%	66.7% #5C53A4	RGB 92 83 164	#5C53A4
83.3%	83.3% #6A59B6	RGB 106 89 182	#6A59B6
100.0%	100.0% #7B5FC8	RGB 123 95 200	#7B5FC8

#363F5E #3E456F #464981 #4E4D93 #5C53A4 #6A59B6 #7B5FC8

#363F5E - #4E4D93 - #7B5FC8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #363F5E 0%, #4E4D93 50%, #7B5FC8 100%);
    background: -webkit-linear-gradient(top, #363F5E 0%, #4E4D93 50%, #7B5FC8 100%);
    background: linear-gradient(to bottom, #363F5E 0%, #4E4D93 50%, #7B5FC8 100%);
}
</style>