#261D5E - #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 #261D5E to #13043E

#261D5E #13043E

Calculate the color between two colors, #261D5E 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)

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

0.0%	0.0% #261D5E	RGB 38 29 94	#261D5E
16.7%	16.7% #221858	RGB 34 24 88	#221858
33.3%	33.3% #1F1453	RGB 31 20 83	#1F1453
50.0%	50.0% #1C104E	RGB 28 16 78	#1C104E
66.7%	66.7% #190C48	RGB 25 12 72	#190C48
83.3%	83.3% #160843	RGB 22 8 67	#160843
100.0%	100.0% #13043E	RGB 19 4 62	#13043E

#261D5E #221858 #1F1453 #1C104E #190C48 #160843 #13043E

#261D5E - #13043E

HSV Blend

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

0.0%	0.0% #251D5E	RGB 37 29 94	#251D5E
16.7%	16.7% #221758	RGB 34 23 88	#221758
33.3%	33.3% #1E1253	RGB 30 18 83	#1E1253
50.0%	50.0% #1B0E4E	RGB 27 14 78	#1B0E4E
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

#251D5E #221758 #1E1253 #1B0E4E #180A48 #150743 #13043E

#261D5E - #1B0E4E - #13043E

CSS codes

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

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