#424841 - #121412 | colorate

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

Blend #424841 to #121412

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

RGBブレンド

#424841 - #121412 | colorate

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

0.0%	0.0% #424841	RGB 66 72 65	#424841
16.7%	16.7% #3A3F39	RGB 58 63 57	#3A3F39
33.3%	33.3% #323631	RGB 50 54 49	#323631
50.0%	50.0% #2A2E29	RGB 42 46 41	#2A2E29
66.7%	66.7% #222521	RGB 34 37 33	#222521
83.3%	83.3% #1A1C19	RGB 26 28 25	#1A1C19
100.0%	100.0% #121412	RGB 18 20 18	#121412

#424841 #3A3F39 #323631 #2A2E29 #222521 #1A1C19 #121412

#424841 - #121412

HSVブレンド

#424841 - #121412 | colorate

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

0.0%	0.0% #424841	RGB 66 72 65	#424841
16.7%	16.7% #393F39	RGB 57 63 57	#393F39
33.3%	33.3% #313631	RGB 49 54 49	#313631
50.0%	50.0% #292E29	RGB 41 46 41	#292E29
66.7%	66.7% #212521	RGB 33 37 33	#212521
83.3%	83.3% #191C19	RGB 25 28 25	#191C19
100.0%	100.0% #121412	RGB 18 20 18	#121412

#424841 #393F39 #313631 #292E29 #212521 #191C19 #121412

#424841 - #292E29 - #121412

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #424841 0%, #292E29 50%, #121412 100%);
    background: -webkit-linear-gradient(top, #424841 0%, #292E29 50%, #121412 100%);
    background: linear-gradient(to bottom, #424841 0%, #292E29 50%, #121412 100%);
}
</style>