#1E0224 - #6B2B3E | colorate

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

Blend #1E0224 to #6B2B3E

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

RGBブレンド

#1E0224 - #6B2B3E | colorate

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

0.0%	0.0% #1E0224	RGB 30 2 36	#1E0224
16.7%	16.7% #2A0828	RGB 42 8 40	#2A0828
33.3%	33.3% #370F2C	RGB 55 15 44	#370F2C
50.0%	50.0% #441631	RGB 68 22 49	#441631
66.7%	66.7% #511D35	RGB 81 29 53	#511D35
83.3%	83.3% #5E2439	RGB 94 36 57	#5E2439
100.0%	100.0% #6B2B3E	RGB 107 43 62	#6B2B3E

#1E0224 #2A0828 #370F2C #441631 #511D35 #5E2439 #6B2B3E

#1E0224 - #6B2B3E

HSVブレンド

#1E0224 - #6B2B3E | colorate

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

0.0%	0.0% #1E0224	RGB 30 2 36	#1E0224
16.7%	16.7% #2E052F	RGB 46 5 47	#2E052F
33.3%	33.3% #3B0A35	RGB 59 10 53	#3B0A35
50.0%	50.0% #471038	RGB 71 16 56	#471038
66.7%	66.7% #53173A	RGB 83 23 58	#53173A
83.3%	83.3% #5F203C	RGB 95 32 60	#5F203C
100.0%	100.0% #6B2B3E	RGB 107 43 62	#6B2B3E

#1E0224 #2E052F #3B0A35 #471038 #53173A #5F203C #6B2B3E

#1E0224 - #471038 - #6B2B3E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E0224 0%, #471038 50%, #6B2B3E 100%);
    background: -webkit-linear-gradient(top, #1E0224 0%, #471038 50%, #6B2B3E 100%);
    background: linear-gradient(to bottom, #1E0224 0%, #471038 50%, #6B2B3E 100%);
}
</style>