#3D3235 - #8C5E83 | 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 #3D3235 to #8C5E83

#3D3235 #8C5E83

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

#3D3235 - #8C5E83 | 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 #3D3235 as 0% and #8C5E83 as 100%.

0.0%	0.0% #3D3235	RGB 61 50 53	#3D3235
16.7%	16.7% #4A3942	RGB 74 57 66	#4A3942
33.3%	33.3% #57404F	RGB 87 64 79	#57404F
50.0%	50.0% #64485C	RGB 100 72 92	#64485C
66.7%	66.7% #714F69	RGB 113 79 105	#714F69
83.3%	83.3% #7E5676	RGB 126 86 118	#7E5676
100.0%	100.0% #8C5E83	RGB 140 94 131	#8C5E83

#3D3235 #4A3942 #57404F #64485C #714F69 #7E5676 #8C5E83

#3D3235 - #8C5E83

HSV Blend

#3D3235 - #8C5E83 | 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 #3D3235 as 0% and #8C5E83 as 100%.

0.0%	0.0% #3D3235	RGB 61 50 53	#3D3235
16.7%	16.7% #4A3A40	RGB 74 58 64	#4A3A40
33.3%	33.3% #57434C	RGB 87 67 76	#57434C
50.0%	50.0% #644A58	RGB 100 74 88	#644A58
66.7%	66.7% #715165	RGB 113 81 101	#715165
83.3%	83.3% #7E5873	RGB 126 88 115	#7E5873
100.0%	100.0% #8C5E83	RGB 140 94 131	#8C5E83

#3D3235 #4A3A40 #57434C #644A58 #715165 #7E5873 #8C5E83

#3D3235 - #644A58 - #8C5E83

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3235 0%, #644A58 50%, #8C5E83 100%);
    background: -webkit-linear-gradient(top, #3D3235 0%, #644A58 50%, #8C5E83 100%);
    background: linear-gradient(to bottom, #3D3235 0%, #644A58 50%, #8C5E83 100%);
}
</style>