#2E2D5E - #010A3F | 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 #2E2D5E to #010A3F

#2E2D5E #010A3F

Calculate the color between two colors, #2E2D5E and #010A3F. 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)

#2E2D5E - #010A3F | 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 #2E2D5E as 0% and #010A3F as 100%.

0.0%	0.0% #2E2D5E	RGB 46 45 94	#2E2D5E
16.7%	16.7% #262758	RGB 38 39 88	#262758
33.3%	33.3% #1F2153	RGB 31 33 83	#1F2153
50.0%	50.0% #171B4E	RGB 23 27 78	#171B4E
66.7%	66.7% #0F1549	RGB 15 21 73	#0F1549
83.3%	83.3% #080F44	RGB 8 15 68	#080F44
100.0%	100.0% #010A3F	RGB 1 10 63	#010A3F

#2E2D5E #262758 #1F2153 #171B4E #0F1549 #080F44 #010A3F

#2E2D5E - #010A3F

HSV Blend

#2E2D5E - #010A3F | 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 #2E2D5E as 0% and #010A3F as 100%.

0.0%	0.0% #2E2D5E	RGB 46 45 94	#2E2D5E
16.7%	16.7% #232458	RGB 35 36 88	#232458
33.3%	33.3% #1B1D53	RGB 27 29 83	#1B1D53
50.0%	50.0% #13174E	RGB 19 23 78	#13174E
66.7%	66.7% #0C1149	RGB 12 17 73	#0C1149
83.3%	83.3% #060D44	RGB 6 13 68	#060D44
100.0%	100.0% #010A3F	RGB 1 10 63	#010A3F

#2E2D5E #232458 #1B1D53 #13174E #0C1149 #060D44 #010A3F

#2E2D5E - #13174E - #010A3F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E2D5E 0%, #13174E 50%, #010A3F 100%);
    background: -webkit-linear-gradient(top, #2E2D5E 0%, #13174E 50%, #010A3F 100%);
    background: linear-gradient(to bottom, #2E2D5E 0%, #13174E 50%, #010A3F 100%);
}
</style>