#7B5E78 - #221A23 | 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 #7B5E78 to #221A23

#7B5E78 #221A23

Calculate the color between two colors, #7B5E78 and #221A23. 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)

#7B5E78 - #221A23 | 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 #7B5E78 as 0% and #221A23 as 100%.

0.0%	0.0% #7B5E78	RGB 123 94 120	#7B5E78
16.7%	16.7% #6C5269	RGB 108 82 105	#6C5269
33.3%	33.3% #5D475B	RGB 93 71 91	#5D475B
50.0%	50.0% #4E3C4D	RGB 78 60 77	#4E3C4D
66.7%	66.7% #3F303F	RGB 63 48 63	#3F303F
83.3%	83.3% #302531	RGB 48 37 49	#302531
100.0%	100.0% #221A23	RGB 34 26 35	#221A23

#7B5E78 #6C5269 #5D475B #4E3C4D #3F303F #302531 #221A23

#7B5E78 - #221A23

HSV Blend

#7B5E78 - #221A23 | 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 #7B5E78 as 0% and #221A23 as 100%.

0.0%	0.0% #7B5E78	RGB 123 94 120	#7B5E78
16.7%	16.7% #6C526A	RGB 108 82 106	#6C526A
33.3%	33.3% #5D465C	RGB 93 70 92	#5D465C
50.0%	50.0% #4E3B4F	RGB 78 59 79	#4E3B4F
66.7%	66.7% #3F3040	RGB 63 48 64	#3F3040
83.3%	83.3% #302531	RGB 48 37 49	#302531
100.0%	100.0% #221A23	RGB 34 26 35	#221A23

#7B5E78 #6C526A #5D465C #4E3B4F #3F3040 #302531 #221A23

#7B5E78 - #4E3B4F - #221A23

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5E78 0%, #4E3B4F 50%, #221A23 100%);
    background: -webkit-linear-gradient(top, #7B5E78 0%, #4E3B4F 50%, #221A23 100%);
    background: linear-gradient(to bottom, #7B5E78 0%, #4E3B4F 50%, #221A23 100%);
}
</style>