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

#524B5E #1F201E

Calculate the color between two colors, #524B5E 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)

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

0.0%	0.0% #524B5E	RGB 82 75 94	#524B5E
16.7%	16.7% #494353	RGB 73 67 83	#494353
33.3%	33.3% #413C48	RGB 65 60 72	#413C48
50.0%	50.0% #38353E	RGB 56 53 62	#38353E
66.7%	66.7% #302E33	RGB 48 46 51	#302E33
83.3%	83.3% #272728	RGB 39 39 40	#272728
100.0%	100.0% #1F201E	RGB 31 32 30	#1F201E

#524B5E #494353 #413C48 #38353E #302E33 #272728 #1F201E

#524B5E - #1F201E

HSV Blend

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

0.0%	0.0% #524B5E	RGB 82 75 94	#524B5E
16.7%	16.7% #444653	RGB 68 70 83	#444653
33.3%	33.3% #3D4449	RGB 61 68 73	#3D4449
50.0%	50.0% #363F3E	RGB 54 63 62	#363F3E
66.7%	66.7% #2E3431	RGB 46 52 49	#2E3431
83.3%	83.3% #262A26	RGB 38 42 38	#262A26
100.0%	100.0% #1F201E	RGB 31 32 30	#1F201E

#524B5E #444653 #3D4449 #363F3E #2E3431 #262A26 #1F201E

#524B5E - #363F3E - #1F201E

CSS codes

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

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