#180C1B - #341231 | colorate

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

Blend #180C1B to #341231

#180C1B #341231

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

RGBブレンド

#180C1B - #341231 | colorate

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

0.0%	0.0% #180C1B	RGB 24 12 27	#180C1B
16.7%	16.7% #1C0D1E	RGB 28 13 30	#1C0D1E
33.3%	33.3% #210E22	RGB 33 14 34	#210E22
50.0%	50.0% #260F26	RGB 38 15 38	#260F26
66.7%	66.7% #2A1029	RGB 42 16 41	#2A1029
83.3%	83.3% #2F112D	RGB 47 17 45	#2F112D
100.0%	100.0% #341231	RGB 52 18 49	#341231

#180C1B #1C0D1E #210E22 #260F26 #2A1029 #2F112D #341231

#180C1B - #341231

HSVブレンド

#180C1B - #341231 | colorate

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

0.0%	0.0% #180C1B	RGB 24 12 27	#180C1B
16.7%	16.7% #1C0D1F	RGB 28 13 31	#1C0D1F
33.3%	33.3% #210E23	RGB 33 14 35	#210E23
50.0%	50.0% #260F27	RGB 38 15 39	#260F27
66.7%	66.7% #2B102B	RGB 43 16 43	#2B102B
83.3%	83.3% #2F112E	RGB 47 17 46	#2F112E
100.0%	100.0% #341231	RGB 52 18 49	#341231

#180C1B #1C0D1F #210E23 #260F27 #2B102B #2F112E #341231

#180C1B - #260F27 - #341231

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #180C1B 0%, #260F27 50%, #341231 100%);
    background: -webkit-linear-gradient(top, #180C1B 0%, #260F27 50%, #341231 100%);
    background: linear-gradient(to bottom, #180C1B 0%, #260F27 50%, #341231 100%);
}
</style>