#2F2C39 - #16030A | colorate

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

Blend #2F2C39 to #16030A

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

RGBブレンド

#2F2C39 - #16030A | colorate

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

0.0%	0.0% #2F2C39	RGB 47 44 57	#2F2C39
16.7%	16.7% #2A2531	RGB 42 37 49	#2A2531
33.3%	33.3% #261E29	RGB 38 30 41	#261E29
50.0%	50.0% #221721	RGB 34 23 33	#221721
66.7%	66.7% #1E1019	RGB 30 16 25	#1E1019
83.3%	83.3% #1A0911	RGB 26 9 17	#1A0911
100.0%	100.0% #16030A	RGB 22 3 10	#16030A

#2F2C39 #2A2531 #261E29 #221721 #1E1019 #1A0911 #16030A

#2F2C39 - #16030A

HSVブレンド

#2F2C39 - #16030A | colorate

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

0.0%	0.0% #2F2C39	RGB 47 44 57	#2F2C39
16.7%	16.7% #2A2233	RGB 42 34 51	#2A2233
33.3%	33.3% #27192D	RGB 39 25 45	#27192D
50.0%	50.0% #261127	RGB 38 17 39	#261127
66.7%	66.7% #210B1E	RGB 33 11 30	#210B1E
83.3%	83.3% #1B0613	RGB 27 6 19	#1B0613
100.0%	100.0% #16030A	RGB 22 3 10	#16030A

#2F2C39 #2A2233 #27192D #261127 #210B1E #1B0613 #16030A

#2F2C39 - #261127 - #16030A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F2C39 0%, #261127 50%, #16030A 100%);
    background: -webkit-linear-gradient(top, #2F2C39 0%, #261127 50%, #16030A 100%);
    background: linear-gradient(to bottom, #2F2C39 0%, #261127 50%, #16030A 100%);
}
</style>