#280D10 - #0B0304 | colorate

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

Blend #280D10 to #0B0304

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

RGBブレンド

#280D10 - #0B0304 | colorate

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

0.0%	0.0% #280D10	RGB 40 13 16	#280D10
16.7%	16.7% #230B0E	RGB 35 11 14	#230B0E
33.3%	33.3% #1E090C	RGB 30 9 12	#1E090C
50.0%	50.0% #19080A	RGB 25 8 10	#19080A
66.7%	66.7% #140608	RGB 20 6 8	#140608
83.3%	83.3% #0F0406	RGB 15 4 6	#0F0406
100.0%	100.0% #0B0304	RGB 11 3 4	#0B0304

#280D10 #230B0E #1E090C #19080A #140608 #0F0406 #0B0304

#280D10 - #0B0304

HSVブレンド

#280D10 - #0B0304 | colorate

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

0.0%	0.0% #280D0F	RGB 40 13 15	#280D0F
16.7%	16.7% #230B0D	RGB 35 11 13	#230B0D
33.3%	33.3% #1E090B	RGB 30 9 11	#1E090B
50.0%	50.0% #190709	RGB 25 7 9	#190709
66.7%	66.7% #140507	RGB 20 5 7	#140507
83.3%	83.3% #0F0405	RGB 15 4 5	#0F0405
100.0%	100.0% #0B0304	RGB 11 3 4	#0B0304

#280D0F #230B0D #1E090B #190709 #140507 #0F0405 #0B0304

#280D10 - #190709 - #0B0304

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #280D0F 0%, #190709 50%, #0B0304 100%);
    background: -webkit-linear-gradient(top, #280D0F 0%, #190709 50%, #0B0304 100%);
    background: linear-gradient(to bottom, #280D0F 0%, #190709 50%, #0B0304 100%);
}
</style>