#3E0003 - #110000 | colorate

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

Blend #3E0003 to #110000

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

RGBブレンド

#3E0003 - #110000 | colorate

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

0.0%	0.0% #3E0003	RGB 62 0 3	#3E0003
16.7%	16.7% #360002	RGB 54 0 2	#360002
33.3%	33.3% #2F0002	RGB 47 0 2	#2F0002
50.0%	50.0% #270001	RGB 39 0 1	#270001
66.7%	66.7% #200001	RGB 32 0 1	#200001
83.3%	83.3% #180000	RGB 24 0 0	#180000
100.0%	100.0% #110000	RGB 17 0 0	#110000

#3E0003 #360002 #2F0002 #270001 #200001 #180000 #110000

#3E0003 - #110000

HSVブレンド

#3E0003 - #110000 | colorate

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

0.0%	0.0% #3E0002	RGB 62 0 2	#3E0002
16.7%	16.7% #360002	RGB 54 0 2	#360002
33.3%	33.3% #2F0001	RGB 47 0 1	#2F0001
50.0%	50.0% #270000	RGB 39 0 0	#270000
66.7%	66.7% #200000	RGB 32 0 0	#200000
83.3%	83.3% #180000	RGB 24 0 0	#180000
100.0%	100.0% #110000	RGB 17 0 0	#110000

#3E0002 #360002 #2F0001 #270000 #200000 #180000 #110000

#3E0003 - #270000 - #110000

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E0002 0%, #270000 50%, #110000 100%);
    background: -webkit-linear-gradient(top, #3E0002 0%, #270000 50%, #110000 100%);
    background: linear-gradient(to bottom, #3E0002 0%, #270000 50%, #110000 100%);
}
</style>