#3E3C5D - #C8877F | 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 #3E3C5D to #C8877F

#3E3C5D #C8877F

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

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

0.0%	0.0% #3E3C5D	RGB 62 60 93	#3E3C5D
16.7%	16.7% #554862	RGB 85 72 98	#554862
33.3%	33.3% #6C5568	RGB 108 85 104	#6C5568
50.0%	50.0% #83616E	RGB 131 97 110	#83616E
66.7%	66.7% #9A6E73	RGB 154 110 115	#9A6E73
83.3%	83.3% #B17A79	RGB 177 122 121	#B17A79
100.0%	100.0% #C8877F	RGB 200 135 127	#C8877F

#3E3C5D #554862 #6C5568 #83616E #9A6E73 #B17A79 #C8877F

#3E3C5D - #C8877F

HSV Blend

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

0.0%	0.0% #3E3C5D	RGB 62 60 93	#3E3C5D
16.7%	16.7% #57476E	RGB 87 71 110	#57476E
33.3%	33.3% #745280	RGB 116 82 128	#745280
50.0%	50.0% #925D8E	RGB 146 93 142	#925D8E
66.7%	66.7% #A4688A	RGB 164 104 138	#A4688A
83.3%	83.3% #B67383	RGB 182 115 131	#B67383
100.0%	100.0% #C8877F	RGB 200 135 127	#C8877F

#3E3C5D #57476E #745280 #925D8E #A4688A #B67383 #C8877F

#3E3C5D - #925D8E - #C8877F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C5D 0%, #925D8E 50%, #C8877F 100%);
    background: -webkit-linear-gradient(top, #3E3C5D 0%, #925D8E 50%, #C8877F 100%);
    background: linear-gradient(to bottom, #3E3C5D 0%, #925D8E 50%, #C8877F 100%);
}
</style>