#7B5E72 - #31232F | 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 #7B5E72 to #31232F

#7B5E72 #31232F

Calculate the color between two colors, #7B5E72 and #31232F. 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)

#7B5E72 - #31232F | 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 #7B5E72 as 0% and #31232F as 100%.

0.0%	0.0% #7B5E72	RGB 123 94 114	#7B5E72
16.7%	16.7% #6E5466	RGB 110 84 102	#6E5466
33.3%	33.3% #624A5B	RGB 98 74 91	#624A5B
50.0%	50.0% #564050	RGB 86 64 80	#564050
66.7%	66.7% #493645	RGB 73 54 69	#493645
83.3%	83.3% #3D2C3A	RGB 61 44 58	#3D2C3A
100.0%	100.0% #31232F	RGB 49 35 47	#31232F

#7B5E72 #6E5466 #624A5B #564050 #493645 #3D2C3A #31232F

#7B5E72 - #31232F

HSV Blend

#7B5E72 - #31232F | 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 #7B5E72 as 0% and #31232F as 100%.

0.0%	0.0% #7B5E72	RGB 123 94 114	#7B5E72
16.7%	16.7% #6E5367	RGB 110 83 103	#6E5367
33.3%	33.3% #62495C	RGB 98 73 92	#62495C
50.0%	50.0% #563F50	RGB 86 63 80	#563F50
66.7%	66.7% #493545	RGB 73 53 69	#493545
83.3%	83.3% #3D2C3A	RGB 61 44 58	#3D2C3A
100.0%	100.0% #31232F	RGB 49 35 47	#31232F

#7B5E72 #6E5367 #62495C #563F50 #493545 #3D2C3A #31232F

#7B5E72 - #563F50 - #31232F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5E72 0%, #563F50 50%, #31232F 100%);
    background: -webkit-linear-gradient(top, #7B5E72 0%, #563F50 50%, #31232F 100%);
    background: linear-gradient(to bottom, #7B5E72 0%, #563F50 50%, #31232F 100%);
}
</style>