#3E003E - #C7B6C7 | 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 #3E003E to #C7B6C7

#3E003E #C7B6C7

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

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

0.0%	0.0% #3E003E	RGB 62 0 62	#3E003E
16.7%	16.7% #541E54	RGB 84 30 84	#541E54
33.3%	33.3% #6B3C6B	RGB 107 60 107	#6B3C6B
50.0%	50.0% #825B82	RGB 130 91 130	#825B82
66.7%	66.7% #997999	RGB 153 121 153	#997999
83.3%	83.3% #B097B0	RGB 176 151 176	#B097B0
100.0%	100.0% #C7B6C7	RGB 199 182 199	#C7B6C7

#3E003E #541E54 #6B3C6B #825B82 #997999 #B097B0 #C7B6C7

#3E003E - #C7B6C7

HSV Blend

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

0.0%	0.0% #3D003E	RGB 61 0 62	#3D003E
16.7%	16.7% #540C54	RGB 84 12 84	#540C54
33.3%	33.3% #6B206B	RGB 107 32 107	#6B206B
50.0%	50.0% #823B82	RGB 130 59 130	#823B82
66.7%	66.7% #995D99	RGB 153 93 153	#995D99
83.3%	83.3% #B086B0	RGB 176 134 176	#B086B0
100.0%	100.0% #C7B6C7	RGB 199 182 199	#C7B6C7

#3D003E #540C54 #6B206B #823B82 #995D99 #B086B0 #C7B6C7

#3E003E - #823B82 - #C7B6C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D003E 0%, #823B82 50%, #C7B6C7 100%);
    background: -webkit-linear-gradient(top, #3D003E 0%, #823B82 50%, #C7B6C7 100%);
    background: linear-gradient(to bottom, #3D003E 0%, #823B82 50%, #C7B6C7 100%);
}
</style>