#3E2D3D - #775A8F | 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 #3E2D3D to #775A8F

#3E2D3D #775A8F

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

#3E2D3D - #775A8F | 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 #3E2D3D as 0% and #775A8F as 100%.

0.0%	0.0% #3E2D3D	RGB 62 45 61	#3E2D3D
16.7%	16.7% #47344A	RGB 71 52 74	#47344A
33.3%	33.3% #513C58	RGB 81 60 88	#513C58
50.0%	50.0% #5A4366	RGB 90 67 102	#5A4366
66.7%	66.7% #644B73	RGB 100 75 115	#644B73
83.3%	83.3% #6D5281	RGB 109 82 129	#6D5281
100.0%	100.0% #775A8F	RGB 119 90 143	#775A8F

#3E2D3D #47344A #513C58 #5A4366 #644B73 #6D5281 #775A8F

#3E2D3D - #775A8F

HSV Blend

#3E2D3D - #775A8F | 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 #3E2D3D as 0% and #775A8F as 100%.

0.0%	0.0% #3E2D3D	RGB 62 45 61	#3E2D3D
16.7%	16.7% #4A354B	RGB 74 53 75	#4A354B
33.3%	33.3% #553D59	RGB 85 61 89	#553D59
50.0%	50.0% #5F4566	RGB 95 69 102	#5F4566
66.7%	66.7% #684C74	RGB 104 76 116	#684C74
83.3%	83.3% #705381	RGB 112 83 129	#705381
100.0%	100.0% #775A8F	RGB 119 90 143	#775A8F

#3E2D3D #4A354B #553D59 #5F4566 #684C74 #705381 #775A8F

#3E2D3D - #5F4566 - #775A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2D3D 0%, #5F4566 50%, #775A8F 100%);
    background: -webkit-linear-gradient(top, #3E2D3D 0%, #5F4566 50%, #775A8F 100%);
    background: linear-gradient(to bottom, #3E2D3D 0%, #5F4566 50%, #775A8F 100%);
}
</style>