#3E3E3E - #AA72B0 | 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 #3E3E3E to #AA72B0

#3E3E3E #AA72B0

Calculate the color between two colors, #3E3E3E and #AA72B0. 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)

#3E3E3E - #AA72B0 | 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 #3E3E3E as 0% and #AA72B0 as 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #504651	RGB 80 70 81	#504651
33.3%	33.3% #624F64	RGB 98 79 100	#624F64
50.0%	50.0% #745877	RGB 116 88 119	#745877
66.7%	66.7% #86608A	RGB 134 96 138	#86608A
83.3%	83.3% #98699D	RGB 152 105 157	#98699D
100.0%	100.0% #AA72B0	RGB 170 114 176	#AA72B0

#3E3E3E #504651 #624F64 #745877 #86608A #98699D #AA72B0

#3E3E3E - #AA72B0

HSV Blend

#3E3E3E - #AA72B0 | 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 #3E3E3E as 0% and #AA72B0 as 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #514C4D	RGB 81 76 77	#514C4D
33.3%	33.3% #64585C	RGB 100 88 92	#64585C
50.0%	50.0% #77626D	RGB 119 98 109	#77626D
66.7%	66.7% #8A6981	RGB 138 105 129	#8A6981
83.3%	83.3% #9D6E99	RGB 157 110 153	#9D6E99
100.0%	100.0% #AA72B0	RGB 170 114 176	#AA72B0

#3E3E3E #514C4D #64585C #77626D #8A6981 #9D6E99 #AA72B0

#3E3E3E - #77626D - #AA72B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E3E 0%, #77626D 50%, #AA72B0 100%);
    background: -webkit-linear-gradient(top, #3E3E3E 0%, #77626D 50%, #AA72B0 100%);
    background: linear-gradient(to bottom, #3E3E3E 0%, #77626D 50%, #AA72B0 100%);
}
</style>