#381E5E - #0A0036 | 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 #381E5E to #0A0036

#381E5E #0A0036

Calculate the color between two colors, #381E5E and #0A0036. 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)

#381E5E - #0A0036 | 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 #381E5E as 0% and #0A0036 as 100%.

0.0%	0.0% #381E5E	RGB 56 30 94	#381E5E
16.7%	16.7% #301957	RGB 48 25 87	#301957
33.3%	33.3% #281450	RGB 40 20 80	#281450
50.0%	50.0% #210F4A	RGB 33 15 74	#210F4A
66.7%	66.7% #190A43	RGB 25 10 67	#190A43
83.3%	83.3% #11053C	RGB 17 5 60	#11053C
100.0%	100.0% #0A0036	RGB 10 0 54	#0A0036

#381E5E #301957 #281450 #210F4A #190A43 #11053C #0A0036

#381E5E - #0A0036

HSV Blend

#381E5E - #0A0036 | 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 #381E5E as 0% and #0A0036 as 100%.

0.0%	0.0% #381E5E	RGB 56 30 94	#381E5E
16.7%	16.7% #2E1757	RGB 46 23 87	#2E1757
33.3%	33.3% #261150	RGB 38 17 80	#261150
50.0%	50.0% #1E0B4A	RGB 30 11 74	#1E0B4A
66.7%	66.7% #160743	RGB 22 7 67	#160743
83.3%	83.3% #0F033C	RGB 15 3 60	#0F033C
100.0%	100.0% #0A0036	RGB 10 0 54	#0A0036

#381E5E #2E1757 #261150 #1E0B4A #160743 #0F033C #0A0036

#381E5E - #1E0B4A - #0A0036

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #381E5E 0%, #1E0B4A 50%, #0A0036 100%);
    background: -webkit-linear-gradient(top, #381E5E 0%, #1E0B4A 50%, #0A0036 100%);
    background: linear-gradient(to bottom, #381E5E 0%, #1E0B4A 50%, #0A0036 100%);
}
</style>