#2A2129 - #8B645E | colorate

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

Blend #2A2129 to #8B645E

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

RGBブレンド

#2A2129 - #8B645E | colorate

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

0.0%	0.0% #2A2129	RGB 42 33 41	#2A2129
16.7%	16.7% #3A2C31	RGB 58 44 49	#3A2C31
33.3%	33.3% #4A373A	RGB 74 55 58	#4A373A
50.0%	50.0% #5A4243	RGB 90 66 67	#5A4243
66.7%	66.7% #6A4D4C	RGB 106 77 76	#6A4D4C
83.3%	83.3% #7A5855	RGB 122 88 85	#7A5855
100.0%	100.0% #8B645E	RGB 139 100 94	#8B645E

#2A2129 #3A2C31 #4A373A #5A4243 #6A4D4C #7A5855 #8B645E

#2A2129 - #8B645E

HSVブレンド

#2A2129 - #8B645E | colorate

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

0.0%	0.0% #2A2129	RGB 42 33 41	#2A2129
16.7%	16.7% #3A2C36	RGB 58 44 54	#3A2C36
33.3%	33.3% #4A3741	RGB 74 55 65	#4A3741
50.0%	50.0% #5A424B	RGB 90 66 75	#5A424B
66.7%	66.7% #6A4C52	RGB 106 76 82	#6A4C52
83.3%	83.3% #7A5556	RGB 122 85 86	#7A5556
100.0%	100.0% #8B645E	RGB 139 100 94	#8B645E

#2A2129 #3A2C36 #4A3741 #5A424B #6A4C52 #7A5556 #8B645E

#2A2129 - #5A424B - #8B645E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A2129 0%, #5A424B 50%, #8B645E 100%);
    background: -webkit-linear-gradient(top, #2A2129 0%, #5A424B 50%, #8B645E 100%);
    background: linear-gradient(to bottom, #2A2129 0%, #5A424B 50%, #8B645E 100%);
}
</style>