#130D5E - #1E0007 | 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 #130D5E to #1E0007

#130D5E #1E0007

Calculate the color between two colors, #130D5E and #1E0007. 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)

#130D5E - #1E0007 | 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 #130D5E as 0% and #1E0007 as 100%.

0.0%	0.0% #130D5E	RGB 19 13 94	#130D5E
16.7%	16.7% #140A4F	RGB 20 10 79	#140A4F
33.3%	33.3% #160841	RGB 22 8 65	#160841
50.0%	50.0% #180632	RGB 24 6 50	#180632
66.7%	66.7% #1A0423	RGB 26 4 35	#1A0423
83.3%	83.3% #1C0215	RGB 28 2 21	#1C0215
100.0%	100.0% #1E0007	RGB 30 0 7	#1E0007

#130D5E #140A4F #160841 #180632 #1A0423 #1C0215 #1E0007

#130D5E - #1E0007

HSV Blend

#130D5E - #1E0007 | 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 #130D5E as 0% and #1E0007 as 100%.

0.0%	0.0% #130C5E	RGB 19 12 94	#130C5E
16.7%	16.7% #230953	RGB 35 9 83	#230953
33.3%	33.3% #300648	RGB 48 6 72	#300648
50.0%	50.0% #39043E	RGB 57 4 62	#39043E
66.7%	66.7% #330229	RGB 51 2 41	#330229
83.3%	83.3% #280015	RGB 40 0 21	#280015
100.0%	100.0% #1E0007	RGB 30 0 7	#1E0007

#130C5E #230953 #300648 #39043E #330229 #280015 #1E0007

#130D5E - #39043E - #1E0007

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #130C5E 0%, #39043E 50%, #1E0007 100%);
    background: -webkit-linear-gradient(top, #130C5E 0%, #39043E 50%, #1E0007 100%);
    background: linear-gradient(to bottom, #130C5E 0%, #39043E 50%, #1E0007 100%);
}
</style>