#3E303B - #A858A7 | 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 #3E303B to #A858A7

#3E303B #A858A7

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

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

0.0%	0.0% #3E303B	RGB 62 48 59	#3E303B
16.7%	16.7% #4F364D	RGB 79 54 77	#4F364D
33.3%	33.3% #613D5F	RGB 97 61 95	#613D5F
50.0%	50.0% #734471	RGB 115 68 113	#734471
66.7%	66.7% #844A83	RGB 132 74 131	#844A83
83.3%	83.3% #965195	RGB 150 81 149	#965195
100.0%	100.0% #A858A7	RGB 168 88 167	#A858A7

#3E303B #4F364D #613D5F #734471 #844A83 #965195 #A858A7

#3E303B - #A858A7

HSV Blend

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

0.0%	0.0% #3E303B	RGB 62 48 59	#3E303B
16.7%	16.7% #4F3A4B	RGB 79 58 75	#4F3A4B
33.3%	33.3% #61435C	RGB 97 67 92	#61435C
50.0%	50.0% #734A6E	RGB 115 74 110	#734A6E
66.7%	66.7% #845080	RGB 132 80 128	#845080
83.3%	83.3% #965593	RGB 150 85 147	#965593
100.0%	100.0% #A858A7	RGB 168 88 167	#A858A7

#3E303B #4F3A4B #61435C #734A6E #845080 #965593 #A858A7

#3E303B - #734A6E - #A858A7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E303B 0%, #734A6E 50%, #A858A7 100%);
    background: -webkit-linear-gradient(top, #3E303B 0%, #734A6E 50%, #A858A7 100%);
    background: linear-gradient(to bottom, #3E303B 0%, #734A6E 50%, #A858A7 100%);
}
</style>