#3E3152 - #BE766E | 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 #3E3152 to #BE766E

#3E3152 #BE766E

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

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

0.0%	0.0% #3E3152	RGB 62 49 82	#3E3152
16.7%	16.7% #533C56	RGB 83 60 86	#533C56
33.3%	33.3% #68485B	RGB 104 72 91	#68485B
50.0%	50.0% #7E5360	RGB 126 83 96	#7E5360
66.7%	66.7% #935F64	RGB 147 95 100	#935F64
83.3%	83.3% #A86A69	RGB 168 106 105	#A86A69
100.0%	100.0% #BE766E	RGB 190 118 110	#BE766E

#3E3152 #533C56 #68485B #7E5360 #935F64 #A86A69 #BE766E

#3E3152 - #BE766E

HSV Blend

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

0.0%	0.0% #3E3152	RGB 62 49 82	#3E3152
16.7%	16.7% #563B64	RGB 86 59 100	#563B64
33.3%	33.3% #744576	RGB 116 69 118	#744576
50.0%	50.0% #88507A	RGB 136 80 122	#88507A
66.7%	66.7% #9A5A78	RGB 154 90 120	#9A5A78
83.3%	83.3% #AC6471	RGB 172 100 113	#AC6471
100.0%	100.0% #BE766E	RGB 190 118 110	#BE766E

#3E3152 #563B64 #744576 #88507A #9A5A78 #AC6471 #BE766E

#3E3152 - #88507A - #BE766E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3152 0%, #88507A 50%, #BE766E 100%);
    background: -webkit-linear-gradient(top, #3E3152 0%, #88507A 50%, #BE766E 100%);
    background: linear-gradient(to bottom, #3E3152 0%, #88507A 50%, #BE766E 100%);
}
</style>