#1B0B09 - #2C0505 | colorate

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

Blend #1B0B09 to #2C0505

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

RGBブレンド

#1B0B09 - #2C0505 | colorate

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

0.0%	0.0% #1B0B09	RGB 27 11 9	#1B0B09
16.7%	16.7% #1D0A08	RGB 29 10 8	#1D0A08
33.3%	33.3% #200907	RGB 32 9 7	#200907
50.0%	50.0% #230807	RGB 35 8 7	#230807
66.7%	66.7% #260706	RGB 38 7 6	#260706
83.3%	83.3% #290605	RGB 41 6 5	#290605
100.0%	100.0% #2C0505	RGB 44 5 5	#2C0505

#1B0B09 #1D0A08 #200907 #230807 #260706 #290605 #2C0505

#1B0B09 - #2C0505

HSVブレンド

#1B0B09 - #2C0505 | colorate

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

0.0%	0.0% #1B0B09	RGB 27 11 9	#1B0B09
16.7%	16.7% #1D0A08	RGB 29 10 8	#1D0A08
33.3%	33.3% #200A08	RGB 32 10 8	#200A08
50.0%	50.0% #230907	RGB 35 9 7	#230907
66.7%	66.7% #260807	RGB 38 8 7	#260807
83.3%	83.3% #290606	RGB 41 6 6	#290606
100.0%	100.0% #2C0505	RGB 44 5 5	#2C0505

#1B0B09 #1D0A08 #200A08 #230907 #260807 #290606 #2C0505

#1B0B09 - #230907 - #2C0505

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B0B09 0%, #230907 50%, #2C0505 100%);
    background: -webkit-linear-gradient(top, #1B0B09 0%, #230907 50%, #2C0505 100%);
    background: linear-gradient(to bottom, #1B0B09 0%, #230907 50%, #2C0505 100%);
}
</style>