#754B5E - #21151A | 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 #754B5E to #21151A

#754B5E #21151A

Calculate the color between two colors, #754B5E and #21151A. 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)

#754B5E - #21151A | 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 #754B5E as 0% and #21151A as 100%.

0.0%	0.0% #754B5E	RGB 117 75 94	#754B5E
16.7%	16.7% #674252	RGB 103 66 82	#674252
33.3%	33.3% #593947	RGB 89 57 71	#593947
50.0%	50.0% #4B303C	RGB 75 48 60	#4B303C
66.7%	66.7% #3D2730	RGB 61 39 48	#3D2730
83.3%	83.3% #2F1E25	RGB 47 30 37	#2F1E25
100.0%	100.0% #21151A	RGB 33 21 26	#21151A

#754B5E #674252 #593947 #4B303C #3D2730 #2F1E25 #21151A

#754B5E - #21151A

HSV Blend

#754B5E - #21151A | 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 #754B5E as 0% and #21151A as 100%.

0.0%	0.0% #754B5E	RGB 117 75 94	#754B5E
16.7%	16.7% #674152	RGB 103 65 82	#674152
33.3%	33.3% #593847	RGB 89 56 71	#593847
50.0%	50.0% #4B2F3B	RGB 75 47 59	#4B2F3B
66.7%	66.7% #3D2630	RGB 61 38 48	#3D2630
83.3%	83.3% #2F1D25	RGB 47 29 37	#2F1D25
100.0%	100.0% #21151A	RGB 33 21 26	#21151A

#754B5E #674152 #593847 #4B2F3B #3D2630 #2F1D25 #21151A

#754B5E - #4B2F3B - #21151A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #754B5E 0%, #4B2F3B 50%, #21151A 100%);
    background: -webkit-linear-gradient(top, #754B5E 0%, #4B2F3B 50%, #21151A 100%);
    background: linear-gradient(to bottom, #754B5E 0%, #4B2F3B 50%, #21151A 100%);
}
</style>