#3E283D - #834BAB | 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 #3E283D to #834BAB

#3E283D #834BAB

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

#3E283D - #834BAB | 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 #3E283D as 0% and #834BAB as 100%.

0.0%	0.0% #3E283D	RGB 62 40 61	#3E283D
16.7%	16.7% #492D4F	RGB 73 45 79	#492D4F
33.3%	33.3% #553361	RGB 85 51 97	#553361
50.0%	50.0% #603974	RGB 96 57 116	#603974
66.7%	66.7% #6C3F86	RGB 108 63 134	#6C3F86
83.3%	83.3% #774598	RGB 119 69 152	#774598
100.0%	100.0% #834BAB	RGB 131 75 171	#834BAB

#3E283D #492D4F #553361 #603974 #6C3F86 #774598 #834BAB

#3E283D - #834BAB

HSV Blend

#3E283D - #834BAB | 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 #3E283D as 0% and #834BAB as 100%.

0.0%	0.0% #3E283D	RGB 62 40 61	#3E283D
16.7%	16.7% #4F3050	RGB 79 48 80	#4F3050
33.3%	33.3% #5D3862	RGB 93 56 98	#5D3862
50.0%	50.0% #6A3F74	RGB 106 63 116	#6A3F74
66.7%	66.7% #754486	RGB 117 68 134	#754486
83.3%	83.3% #7D4898	RGB 125 72 152	#7D4898
100.0%	100.0% #834BAB	RGB 131 75 171	#834BAB

#3E283D #4F3050 #5D3862 #6A3F74 #754486 #7D4898 #834BAB

#3E283D - #6A3F74 - #834BAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E283D 0%, #6A3F74 50%, #834BAB 100%);
    background: -webkit-linear-gradient(top, #3E283D 0%, #6A3F74 50%, #834BAB 100%);
    background: linear-gradient(to bottom, #3E283D 0%, #6A3F74 50%, #834BAB 100%);
}
</style>