#2D2E5E - #6B45C2 | 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 #2D2E5E to #6B45C2

#2D2E5E #6B45C2

Calculate the color between two colors, #2D2E5E and #6B45C2. 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)

#2D2E5E - #6B45C2 | 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 #2D2E5E as 0% and #6B45C2 as 100%.

0.0%	0.0% #2D2E5E	RGB 45 46 94	#2D2E5E
16.7%	16.7% #37316E	RGB 55 49 110	#37316E
33.3%	33.3% #41357F	RGB 65 53 127	#41357F
50.0%	50.0% #4C3990	RGB 76 57 144	#4C3990
66.7%	66.7% #563DA0	RGB 86 61 160	#563DA0
83.3%	83.3% #6041B1	RGB 96 65 177	#6041B1
100.0%	100.0% #6B45C2	RGB 107 69 194	#6B45C2

#2D2E5E #37316E #41357F #4C3990 #563DA0 #6041B1 #6B45C2

#2D2E5E - #6B45C2

HSV Blend

#2D2E5E - #6B45C2 | 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 #2D2E5E as 0% and #6B45C2 as 100%.

0.0%	0.0% #2D2E5E	RGB 45 46 94	#2D2E5E
16.7%	16.7% #34326E	RGB 52 50 110	#34326E
33.3%	33.3% #3E377F	RGB 62 55 127	#3E377F
50.0%	50.0% #473C90	RGB 71 60 144	#473C90
66.7%	66.7% #523FA0	RGB 82 63 160	#523FA0
83.3%	83.3% #5E42B1	RGB 94 66 177	#5E42B1
100.0%	100.0% #6B45C2	RGB 107 69 194	#6B45C2

#2D2E5E #34326E #3E377F #473C90 #523FA0 #5E42B1 #6B45C2

#2D2E5E - #473C90 - #6B45C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2E5E 0%, #473C90 50%, #6B45C2 100%);
    background: -webkit-linear-gradient(top, #2D2E5E 0%, #473C90 50%, #6B45C2 100%);
    background: linear-gradient(to bottom, #2D2E5E 0%, #473C90 50%, #6B45C2 100%);
}
</style>