#BC6CDA - #341E3E | 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 #BC6CDA to #341E3E

#BC6CDA #341E3E

Calculate the color between two colors, #BC6CDA and #341E3E. 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)

#BC6CDA - #341E3E | 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 #BC6CDA as 0% and #341E3E as 100%.

0.0%	0.0% #BC6CDA	RGB 188 108 218	#BC6CDA
16.7%	16.7% #A55FC0	RGB 165 95 192	#A55FC0
33.3%	33.3% #8E52A6	RGB 142 82 166	#8E52A6
50.0%	50.0% #78458C	RGB 120 69 140	#78458C
66.7%	66.7% #613872	RGB 97 56 114	#613872
83.3%	83.3% #4A2B58	RGB 74 43 88	#4A2B58
100.0%	100.0% #341E3E	RGB 52 30 62	#341E3E

#BC6CDA #A55FC0 #8E52A6 #78458C #613872 #4A2B58 #341E3E

#BC6CDA - #341E3E

HSV Blend

#BC6CDA - #341E3E | 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 #BC6CDA as 0% and #341E3E as 100%.

0.0%	0.0% #BB6CDA	RGB 187 108 218	#BB6CDA
16.7%	16.7% #A45EC0	RGB 164 94 192	#A45EC0
33.3%	33.3% #8D51A6	RGB 141 81 166	#8D51A6
50.0%	50.0% #77448C	RGB 119 68 140	#77448C
66.7%	66.7% #603772	RGB 96 55 114	#603772
83.3%	83.3% #4A2A58	RGB 74 42 88	#4A2A58
100.0%	100.0% #341E3E	RGB 52 30 62	#341E3E

#BB6CDA #A45EC0 #8D51A6 #77448C #603772 #4A2A58 #341E3E

#BC6CDA - #77448C - #341E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BB6CDA 0%, #77448C 50%, #341E3E 100%);
    background: -webkit-linear-gradient(top, #BB6CDA 0%, #77448C 50%, #341E3E 100%);
    background: linear-gradient(to bottom, #BB6CDA 0%, #77448C 50%, #341E3E 100%);
}
</style>