#281E5E - #13043E | 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 #281E5E to #13043E

#281E5E #13043E

Calculate the color between two colors, #281E5E and #13043E. 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)

#281E5E - #13043E | 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 #281E5E as 0% and #13043E as 100%.

0.0%	0.0% #281E5E	RGB 40 30 94	#281E5E
16.7%	16.7% #241958	RGB 36 25 88	#241958
33.3%	33.3% #211553	RGB 33 21 83	#211553
50.0%	50.0% #1D114E	RGB 29 17 78	#1D114E
66.7%	66.7% #1A0C48	RGB 26 12 72	#1A0C48
83.3%	83.3% #160843	RGB 22 8 67	#160843
100.0%	100.0% #13043E	RGB 19 4 62	#13043E

#281E5E #241958 #211553 #1D114E #1A0C48 #160843 #13043E

#281E5E - #13043E

HSV Blend

#281E5E - #13043E | 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 #281E5E as 0% and #13043E as 100%.

0.0%	0.0% #271E5E	RGB 39 30 94	#271E5E
16.7%	16.7% #231858	RGB 35 24 88	#231858
33.3%	33.3% #1F1353	RGB 31 19 83	#1F1353
50.0%	50.0% #1C0E4E	RGB 28 14 78	#1C0E4E
66.7%	66.7% #180A48	RGB 24 10 72	#180A48
83.3%	83.3% #150743	RGB 21 7 67	#150743
100.0%	100.0% #13043E	RGB 19 4 62	#13043E

#271E5E #231858 #1F1353 #1C0E4E #180A48 #150743 #13043E

#281E5E - #1C0E4E - #13043E

CSS codes

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

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