#381B6B - #10071E | 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 #381B6B to #10071E

#381B6B #10071E

Calculate the color between two colors, #381B6B and #10071E. 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)

#381B6B - #10071E | 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 #381B6B as 0% and #10071E as 100%.

0.0%	0.0% #381B6B	RGB 56 27 107	#381B6B
16.7%	16.7% #31175E	RGB 49 23 94	#31175E
33.3%	33.3% #2A1451	RGB 42 20 81	#2A1451
50.0%	50.0% #241144	RGB 36 17 68	#241144
66.7%	66.7% #1D0D37	RGB 29 13 55	#1D0D37
83.3%	83.3% #160A2A	RGB 22 10 42	#160A2A
100.0%	100.0% #10071E	RGB 16 7 30	#10071E

#381B6B #31175E #2A1451 #241144 #1D0D37 #160A2A #10071E

#381B6B - #10071E

HSV Blend

#381B6B - #10071E | 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 #381B6B as 0% and #10071E as 100%.

0.0%	0.0% #381B6B	RGB 56 27 107	#381B6B
16.7%	16.7% #31175E	RGB 49 23 94	#31175E
33.3%	33.3% #2A1451	RGB 42 20 81	#2A1451
50.0%	50.0% #241044	RGB 36 16 68	#241044
66.7%	66.7% #1D0D37	RGB 29 13 55	#1D0D37
83.3%	83.3% #160A2A	RGB 22 10 42	#160A2A
100.0%	100.0% #10071E	RGB 16 7 30	#10071E

#381B6B #31175E #2A1451 #241044 #1D0D37 #160A2A #10071E

#381B6B - #241044 - #10071E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #381B6B 0%, #241044 50%, #10071E 100%);
    background: -webkit-linear-gradient(top, #381B6B 0%, #241044 50%, #10071E 100%);
    background: linear-gradient(to bottom, #381B6B 0%, #241044 50%, #10071E 100%);
}
</style>