#3E335E - #BF7B7E | 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 #3E335E to #BF7B7E

#3E335E #BF7B7E

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

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

0.0%	0.0% #3E335E	RGB 62 51 94	#3E335E
16.7%	16.7% #533F63	RGB 83 63 99	#533F63
33.3%	33.3% #694B68	RGB 105 75 104	#694B68
50.0%	50.0% #7E576E	RGB 126 87 110	#7E576E
66.7%	66.7% #946373	RGB 148 99 115	#946373
83.3%	83.3% #A96F78	RGB 169 111 120	#A96F78
100.0%	100.0% #BF7B7E	RGB 191 123 126	#BF7B7E

#3E335E #533F63 #694B68 #7E576E #946373 #A96F78 #BF7B7E

#3E335E - #BF7B7E

HSV Blend

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

0.0%	0.0% #3D335E	RGB 61 51 94	#3D335E
16.7%	16.7% #573D6E	RGB 87 61 110	#573D6E
33.3%	33.3% #74487E	RGB 116 72 126	#74487E
50.0%	50.0% #8E5488	RGB 142 84 136	#8E5488
66.7%	66.7% #9E6086	RGB 158 96 134	#9E6086
83.3%	83.3% #AE6D82	RGB 174 109 130	#AE6D82
100.0%	100.0% #BF7B7E	RGB 191 123 126	#BF7B7E

#3D335E #573D6E #74487E #8E5488 #9E6086 #AE6D82 #BF7B7E

#3E335E - #8E5488 - #BF7B7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D335E 0%, #8E5488 50%, #BF7B7E 100%);
    background: -webkit-linear-gradient(top, #3D335E 0%, #8E5488 50%, #BF7B7E 100%);
    background: linear-gradient(to bottom, #3D335E 0%, #8E5488 50%, #BF7B7E 100%);
}
</style>