#5A3942 - #19171A | colorate

colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。サイトをよりよくする

Blend #5A3942 to #19171A

#5A3942 #19171A

#5A3942と#19171Aの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。

RGBブレンド

#5A3942 - #19171A | colorate

RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#5A3942を0%、#19171Aを100%として二色間の色を展開します。

0.0%	0.0% #5A3942	RGB 90 57 66	#5A3942
16.7%	16.7% #4F333B	RGB 79 51 59	#4F333B
33.3%	33.3% #442D34	RGB 68 45 52	#442D34
50.0%	50.0% #39282E	RGB 57 40 46	#39282E
66.7%	66.7% #2E2227	RGB 46 34 39	#2E2227
83.3%	83.3% #231C20	RGB 35 28 32	#231C20
100.0%	100.0% #19171A	RGB 25 23 26	#19171A

#5A3942 #4F333B #442D34 #39282E #2E2227 #231C20 #19171A

#5A3942 - #19171A

HSVブレンド

#5A3942 - #19171A | colorate

HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#5A3942を0%、#19171Aを100%として二色間の色を展開します。

0.0%	0.0% #5A3942	RGB 90 57 66	#5A3942
16.7%	16.7% #4F3541	RGB 79 53 65	#4F3541
33.3%	33.3% #44313D	RGB 68 49 61	#44313D
50.0%	50.0% #3A2C37	RGB 58 44 55	#3A2C37
66.7%	66.7% #2F252F	RGB 47 37 47	#2F252F
83.3%	83.3% #231E24	RGB 35 30 36	#231E24
100.0%	100.0% #19171A	RGB 25 23 26	#19171A

#5A3942 #4F3541 #44313D #3A2C37 #2F252F #231E24 #19171A

#5A3942 - #3A2C37 - #19171A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A3942 0%, #3A2C37 50%, #19171A 100%);
    background: -webkit-linear-gradient(top, #5A3942 0%, #3A2C37 50%, #19171A 100%);
    background: linear-gradient(to bottom, #5A3942 0%, #3A2C37 50%, #19171A 100%);
}
</style>