#7B6D7E - #5E213F | 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 #7B6D7E to #5E213F

#7B6D7E #5E213F

Calculate the color between two colors, #7B6D7E and #5E213F. 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)

#7B6D7E - #5E213F | 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 #7B6D7E as 0% and #5E213F as 100%.

0.0%	0.0% #7B6D7E	RGB 123 109 126	#7B6D7E
16.7%	16.7% #766073	RGB 118 96 115	#766073
33.3%	33.3% #715369	RGB 113 83 105	#715369
50.0%	50.0% #6C475E	RGB 108 71 94	#6C475E
66.7%	66.7% #673A54	RGB 103 58 84	#673A54
83.3%	83.3% #622D49	RGB 98 45 73	#622D49
100.0%	100.0% #5E213F	RGB 94 33 63	#5E213F

#7B6D7E #766073 #715369 #6C475E #673A54 #622D49 #5E213F

#7B6D7E - #5E213F

HSV Blend

#7B6D7E - #5E213F | 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 #7B6D7E as 0% and #5E213F as 100%.

0.0%	0.0% #7B6D7E	RGB 123 109 126	#7B6D7E
16.7%	16.7% #775E78	RGB 119 94 120	#775E78
33.3%	33.3% #735071	RGB 115 80 113	#735071
50.0%	50.0% #6E4266	RGB 110 66 102	#6E4266
66.7%	66.7% #68365A	RGB 104 54 90	#68365A
83.3%	83.3% #632B4D	RGB 99 43 77	#632B4D
100.0%	100.0% #5E213F	RGB 94 33 63	#5E213F

#7B6D7E #775E78 #735071 #6E4266 #68365A #632B4D #5E213F

#7B6D7E - #6E4266 - #5E213F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B6D7E 0%, #6E4266 50%, #5E213F 100%);
    background: -webkit-linear-gradient(top, #7B6D7E 0%, #6E4266 50%, #5E213F 100%);
    background: linear-gradient(to bottom, #7B6D7E 0%, #6E4266 50%, #5E213F 100%);
}
</style>