#755A8C - #3B2D41 | 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 #755A8C to #3B2D41

#755A8C #3B2D41

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

#755A8C - #3B2D41 | 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 #755A8C as 0% and #3B2D41 as 100%.

0.0%	0.0% #755A8C	RGB 117 90 140	#755A8C
16.7%	16.7% #6B527F	RGB 107 82 127	#6B527F
33.3%	33.3% #614B73	RGB 97 75 115	#614B73
50.0%	50.0% #584366	RGB 88 67 102	#584366
66.7%	66.7% #4E3C5A	RGB 78 60 90	#4E3C5A
83.3%	83.3% #44344D	RGB 68 52 77	#44344D
100.0%	100.0% #3B2D41	RGB 59 45 65	#3B2D41

#755A8C #6B527F #614B73 #584366 #4E3C5A #44344D #3B2D41

#755A8C - #3B2D41

HSV Blend

#755A8C - #3B2D41 | 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 #755A8C as 0% and #3B2D41 as 100%.

0.0%	0.0% #755A8C	RGB 117 90 140	#755A8C
16.7%	16.7% #6C537F	RGB 108 83 127	#6C537F
33.3%	33.3% #634B73	RGB 99 75 115	#634B73
50.0%	50.0% #594466	RGB 89 68 102	#594466
66.7%	66.7% #4F3C5A	RGB 79 60 90	#4F3C5A
83.3%	83.3% #45354D	RGB 69 53 77	#45354D
100.0%	100.0% #3B2D41	RGB 59 45 65	#3B2D41

#755A8C #6C537F #634B73 #594466 #4F3C5A #45354D #3B2D41

#755A8C - #594466 - #3B2D41

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #755A8C 0%, #594466 50%, #3B2D41 100%);
    background: -webkit-linear-gradient(top, #755A8C 0%, #594466 50%, #3B2D41 100%);
    background: linear-gradient(to bottom, #755A8C 0%, #594466 50%, #3B2D41 100%);
}
</style>