#574B5E - #1F201E | 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 #574B5E to #1F201E

#574B5E #1F201E

Calculate the color between two colors, #574B5E and #1F201E. 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)

#574B5E - #1F201E | 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 #574B5E as 0% and #1F201E as 100%.

0.0%	0.0% #574B5E	RGB 87 75 94	#574B5E
16.7%	16.7% #4D4353	RGB 77 67 83	#4D4353
33.3%	33.3% #443C48	RGB 68 60 72	#443C48
50.0%	50.0% #3B353E	RGB 59 53 62	#3B353E
66.7%	66.7% #312E33	RGB 49 46 51	#312E33
83.3%	83.3% #282728	RGB 40 39 40	#282728
100.0%	100.0% #1F201E	RGB 31 32 30	#1F201E

#574B5E #4D4353 #443C48 #3B353E #312E33 #282728 #1F201E

#574B5E - #1F201E

HSV Blend

#574B5E - #1F201E | 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 #574B5E as 0% and #1F201E as 100%.

0.0%	0.0% #574B5E	RGB 87 75 94	#574B5E
16.7%	16.7% #534452	RGB 83 68 82	#534452
33.3%	33.3% #493D42	RGB 73 61 66	#493D42
50.0%	50.0% #3F3736	RGB 63 55 54	#3F3736
66.7%	66.7% #34322E	RGB 52 50 46	#34322E
83.3%	83.3% #2A2A26	RGB 42 42 38	#2A2A26
100.0%	100.0% #1F201E	RGB 31 32 30	#1F201E

#574B5E #534452 #493D42 #3F3736 #34322E #2A2A26 #1F201E

#574B5E - #3F3736 - #1F201E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #574B5E 0%, #3F3736 50%, #1F201E 100%);
    background: -webkit-linear-gradient(top, #574B5E 0%, #3F3736 50%, #1F201E 100%);
    background: linear-gradient(to bottom, #574B5E 0%, #3F3736 50%, #1F201E 100%);
}
</style>