#240B0C - #65382E | colorate

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

Blend #240B0C to #65382E

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

RGBブレンド

#240B0C - #65382E | colorate

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

0.0%	0.0% #240B0C	RGB 36 11 12	#240B0C
16.7%	16.7% #2E1211	RGB 46 18 17	#2E1211
33.3%	33.3% #391A17	RGB 57 26 23	#391A17
50.0%	50.0% #44211D	RGB 68 33 29	#44211D
66.7%	66.7% #4F2922	RGB 79 41 34	#4F2922
83.3%	83.3% #5A3028	RGB 90 48 40	#5A3028
100.0%	100.0% #65382E	RGB 101 56 46	#65382E

#240B0C #2E1211 #391A17 #44211D #4F2922 #5A3028 #65382E

#240B0C - #65382E

HSVブレンド

#240B0C - #65382E | colorate

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

0.0%	0.0% #240A0B	RGB 36 10 11	#240A0B
16.7%	16.7% #2E0F0F	RGB 46 15 15	#2E0F0F
33.3%	33.3% #391514	RGB 57 21 20	#391514
50.0%	50.0% #441D1A	RGB 68 29 26	#441D1A
66.7%	66.7% #4F2520	RGB 79 37 32	#4F2520
83.3%	83.3% #5A2E26	RGB 90 46 38	#5A2E26
100.0%	100.0% #65382E	RGB 101 56 46	#65382E

#240A0B #2E0F0F #391514 #441D1A #4F2520 #5A2E26 #65382E

#240B0C - #441D1A - #65382E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #240A0B 0%, #441D1A 50%, #65382E 100%);
    background: -webkit-linear-gradient(top, #240A0B 0%, #441D1A 50%, #65382E 100%);
    background: linear-gradient(to bottom, #240A0B 0%, #441D1A 50%, #65382E 100%);
}
</style>