#2B393E - #AE5E9A | 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 #2B393E to #AE5E9A

#2B393E #AE5E9A

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

#2B393E - #AE5E9A | 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 #2B393E as 0% and #AE5E9A as 100%.

0.0%	0.0% #2B393E	RGB 43 57 62	#2B393E
16.7%	16.7% #403F4D	RGB 64 63 77	#403F4D
33.3%	33.3% #56455C	RGB 86 69 92	#56455C
50.0%	50.0% #6C4B6C	RGB 108 75 108	#6C4B6C
66.7%	66.7% #82517B	RGB 130 81 123	#82517B
83.3%	83.3% #98578A	RGB 152 87 138	#98578A
100.0%	100.0% #AE5E9A	RGB 174 94 154	#AE5E9A

#2B393E #403F4D #56455C #6C4B6C #82517B #98578A #AE5E9A

#2B393E - #AE5E9A

HSV Blend

#2B393E - #AE5E9A | 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 #2B393E as 0% and #AE5E9A as 100%.

0.0%	0.0% #2B393E	RGB 43 57 62	#2B393E
16.7%	16.7% #354050	RGB 53 64 80	#354050
33.3%	33.3% #3F4263	RGB 63 66 99	#3F4263
50.0%	50.0% #544876	RGB 84 72 118	#544876
66.7%	66.7% #715088	RGB 113 80 136	#715088
83.3%	83.3% #95579B	RGB 149 87 155	#95579B
100.0%	100.0% #AE5E9A	RGB 174 94 154	#AE5E9A

#2B393E #354050 #3F4263 #544876 #715088 #95579B #AE5E9A

#2B393E - #544876 - #AE5E9A

CSS codes

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

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