#6C5E87 - #381D4C | 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 #6C5E87 to #381D4C

#6C5E87 #381D4C

Calculate the color between two colors, #6C5E87 and #381D4C. 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)

#6C5E87 - #381D4C | 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 #6C5E87 as 0% and #381D4C as 100%.

0.0%	0.0% #6C5E87	RGB 108 94 135	#6C5E87
16.7%	16.7% #63537D	RGB 99 83 125	#63537D
33.3%	33.3% #5A4873	RGB 90 72 115	#5A4873
50.0%	50.0% #523D69	RGB 82 61 105	#523D69
66.7%	66.7% #49325F	RGB 73 50 95	#49325F
83.3%	83.3% #402755	RGB 64 39 85	#402755
100.0%	100.0% #381D4C	RGB 56 29 76	#381D4C

#6C5E87 #63537D #5A4873 #523D69 #49325F #402755 #381D4C

#6C5E87 - #381D4C

HSV Blend

#6C5E87 - #381D4C | 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 #6C5E87 as 0% and #381D4C as 100%.

0.0%	0.0% #6C5E87	RGB 108 94 135	#6C5E87
16.7%	16.7% #61507D	RGB 97 80 125	#61507D
33.3%	33.3% #574473	RGB 87 68 115	#574473
50.0%	50.0% #4F3869	RGB 79 56 105	#4F3869
66.7%	66.7% #462E5F	RGB 70 46 95	#462E5F
83.3%	83.3% #3F2555	RGB 63 37 85	#3F2555
100.0%	100.0% #381D4C	RGB 56 29 76	#381D4C

#6C5E87 #61507D #574473 #4F3869 #462E5F #3F2555 #381D4C

#6C5E87 - #4F3869 - #381D4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C5E87 0%, #4F3869 50%, #381D4C 100%);
    background: -webkit-linear-gradient(top, #6C5E87 0%, #4F3869 50%, #381D4C 100%);
    background: linear-gradient(to bottom, #6C5E87 0%, #4F3869 50%, #381D4C 100%);
}
</style>