#2E2D3C - #755EA0 | 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 #2E2D3C to #755EA0

#2E2D3C #755EA0

Calculate the color between two colors, #2E2D3C and #755EA0. 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)

#2E2D3C - #755EA0 | 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 #2E2D3C as 0% and #755EA0 as 100%.

0.0%	0.0% #2E2D3C	RGB 46 45 60	#2E2D3C
16.7%	16.7% #39354C	RGB 57 53 76	#39354C
33.3%	33.3% #453D5D	RGB 69 61 93	#453D5D
50.0%	50.0% #51456E	RGB 81 69 110	#51456E
66.7%	66.7% #5D4D7E	RGB 93 77 126	#5D4D7E
83.3%	83.3% #69558F	RGB 105 85 143	#69558F
100.0%	100.0% #755EA0	RGB 117 94 160	#755EA0

#2E2D3C #39354C #453D5D #51456E #5D4D7E #69558F #755EA0

#2E2D3C - #755EA0

HSV Blend

#2E2D3C - #755EA0 | 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 #2E2D3C as 0% and #755EA0 as 100%.

0.0%	0.0% #2E2D3C	RGB 46 45 60	#2E2D3C
16.7%	16.7% #39374C	RGB 57 55 76	#39374C
33.3%	33.3% #45405D	RGB 69 64 93	#45405D
50.0%	50.0% #51496E	RGB 81 73 110	#51496E
66.7%	66.7% #5C517E	RGB 92 81 126	#5C517E
83.3%	83.3% #68588F	RGB 104 88 143	#68588F
100.0%	100.0% #755EA0	RGB 117 94 160	#755EA0

#2E2D3C #39374C #45405D #51496E #5C517E #68588F #755EA0

#2E2D3C - #51496E - #755EA0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E2D3C 0%, #51496E 50%, #755EA0 100%);
    background: -webkit-linear-gradient(top, #2E2D3C 0%, #51496E 50%, #755EA0 100%);
    background: linear-gradient(to bottom, #2E2D3C 0%, #51496E 50%, #755EA0 100%);
}
</style>