#302B3E - #AE6E5E | 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 #302B3E to #AE6E5E

#302B3E #AE6E5E

Calculate the color between two colors, #302B3E and #AE6E5E. 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)

#302B3E - #AE6E5E | 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 #302B3E as 0% and #AE6E5E as 100%.

0.0%	0.0% #302B3E	RGB 48 43 62	#302B3E
16.7%	16.7% #453643	RGB 69 54 67	#453643
33.3%	33.3% #5A4148	RGB 90 65 72	#5A4148
50.0%	50.0% #6F4C4E	RGB 111 76 78	#6F4C4E
66.7%	66.7% #845753	RGB 132 87 83	#845753
83.3%	83.3% #996258	RGB 153 98 88	#996258
100.0%	100.0% #AE6E5E	RGB 174 110 94	#AE6E5E

#302B3E #453643 #5A4148 #6F4C4E #845753 #996258 #AE6E5E

#302B3E - #AE6E5E

HSV Blend

#302B3E - #AE6E5E | 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 #302B3E as 0% and #AE6E5E as 100%.

0.0%	0.0% #302B3E	RGB 48 43 62	#302B3E
16.7%	16.7% #453550	RGB 69 53 80	#453550
33.3%	33.3% #603F63	RGB 96 63 99	#603F63
50.0%	50.0% #76486B	RGB 118 72 107	#76486B
66.7%	66.7% #885069	RGB 136 80 105	#885069
83.3%	83.3% #9B5760	RGB 155 87 96	#9B5760
100.0%	100.0% #AE6E5E	RGB 174 110 94	#AE6E5E

#302B3E #453550 #603F63 #76486B #885069 #9B5760 #AE6E5E

#302B3E - #76486B - #AE6E5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #302B3E 0%, #76486B 50%, #AE6E5E 100%);
    background: -webkit-linear-gradient(top, #302B3E 0%, #76486B 50%, #AE6E5E 100%);
    background: linear-gradient(to bottom, #302B3E 0%, #76486B 50%, #AE6E5E 100%);
}
</style>