#3E003C - #C7B6C6 | 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 #3E003C to #C7B6C6

#3E003C #C7B6C6

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

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

0.0%	0.0% #3E003C	RGB 62 0 60	#3E003C
16.7%	16.7% #541E53	RGB 84 30 83	#541E53
33.3%	33.3% #6B3C6A	RGB 107 60 106	#6B3C6A
50.0%	50.0% #825B81	RGB 130 91 129	#825B81
66.7%	66.7% #997998	RGB 153 121 152	#997998
83.3%	83.3% #B097AF	RGB 176 151 175	#B097AF
100.0%	100.0% #C7B6C6	RGB 199 182 198	#C7B6C6

#3E003C #541E53 #6B3C6A #825B81 #997998 #B097AF #C7B6C6

#3E003C - #C7B6C6

HSV Blend

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

0.0%	0.0% #3E003C	RGB 62 0 60	#3E003C
16.7%	16.7% #540C52	RGB 84 12 82	#540C52
33.3%	33.3% #6B2068	RGB 107 32 104	#6B2068
50.0%	50.0% #823B7F	RGB 130 59 127	#823B7F
66.7%	66.7% #995D96	RGB 153 93 150	#995D96
83.3%	83.3% #B086AD	RGB 176 134 173	#B086AD
100.0%	100.0% #C7B6C6	RGB 199 182 198	#C7B6C6

#3E003C #540C52 #6B2068 #823B7F #995D96 #B086AD #C7B6C6

#3E003C - #823B7F - #C7B6C6

CSS codes

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

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