#2E2D3E - #745DA2 | 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 #2E2D3E to #745DA2

#2E2D3E #745DA2

Calculate the color between two colors, #2E2D3E and #745DA2. 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)

#2E2D3E - #745DA2 | 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 #2E2D3E as 0% and #745DA2 as 100%.

0.0%	0.0% #2E2D3E	RGB 46 45 62	#2E2D3E
16.7%	16.7% #39354E	RGB 57 53 78	#39354E
33.3%	33.3% #453D5F	RGB 69 61 95	#453D5F
50.0%	50.0% #514570	RGB 81 69 112	#514570
66.7%	66.7% #5C4D80	RGB 92 77 128	#5C4D80
83.3%	83.3% #685591	RGB 104 85 145	#685591
100.0%	100.0% #745DA2	RGB 116 93 162	#745DA2

#2E2D3E #39354E #453D5F #514570 #5C4D80 #685591 #745DA2

#2E2D3E - #745DA2

HSV Blend

#2E2D3E - #745DA2 | 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 #2E2D3E as 0% and #745DA2 as 100%.

0.0%	0.0% #2E2D3E	RGB 46 45 62	#2E2D3E
16.7%	16.7% #39374E	RGB 57 55 78	#39374E
33.3%	33.3% #45405F	RGB 69 64 95	#45405F
50.0%	50.0% #504870	RGB 80 72 112	#504870
66.7%	66.7% #5C5080	RGB 92 80 128	#5C5080
83.3%	83.3% #675791	RGB 103 87 145	#675791
100.0%	100.0% #745DA2	RGB 116 93 162	#745DA2

#2E2D3E #39374E #45405F #504870 #5C5080 #675791 #745DA2

#2E2D3E - #504870 - #745DA2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E2D3E 0%, #504870 50%, #745DA2 100%);
    background: -webkit-linear-gradient(top, #2E2D3E 0%, #504870 50%, #745DA2 100%);
    background: linear-gradient(to bottom, #2E2D3E 0%, #504870 50%, #745DA2 100%);
}
</style>