#382B5E - #734CC6 | 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 #382B5E to #734CC6

#382B5E #734CC6

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

#382B5E - #734CC6 | 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 #382B5E as 0% and #734CC6 as 100%.

0.0%	0.0% #382B5E	RGB 56 43 94	#382B5E
16.7%	16.7% #41306F	RGB 65 48 111	#41306F
33.3%	33.3% #4B3680	RGB 75 54 128	#4B3680
50.0%	50.0% #553B92	RGB 85 59 146	#553B92
66.7%	66.7% #5F41A3	RGB 95 65 163	#5F41A3
83.3%	83.3% #6946B4	RGB 105 70 180	#6946B4
100.0%	100.0% #734CC6	RGB 115 76 198	#734CC6

#382B5E #41306F #4B3680 #553B92 #5F41A3 #6946B4 #734CC6

#382B5E - #734CC6

HSV Blend

#382B5E - #734CC6 | 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 #382B5E as 0% and #734CC6 as 100%.

0.0%	0.0% #372B5E	RGB 55 43 94	#372B5E
16.7%	16.7% #41316F	RGB 65 49 111	#41316F
33.3%	33.3% #4B3780	RGB 75 55 128	#4B3780
50.0%	50.0% #553D92	RGB 85 61 146	#553D92
66.7%	66.7% #5F42A3	RGB 95 66 163	#5F42A3
83.3%	83.3% #6947B4	RGB 105 71 180	#6947B4
100.0%	100.0% #734CC6	RGB 115 76 198	#734CC6

#372B5E #41316F #4B3780 #553D92 #5F42A3 #6947B4 #734CC6

#382B5E - #553D92 - #734CC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #372B5E 0%, #553D92 50%, #734CC6 100%);
    background: -webkit-linear-gradient(top, #372B5E 0%, #553D92 50%, #734CC6 100%);
    background: linear-gradient(to bottom, #372B5E 0%, #553D92 50%, #734CC6 100%);
}
</style>