#5E3C4A - #42042E | colorate

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

Blend #5E3C4A to #42042E

#5E3C4A #42042E

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

RGBブレンド

#5E3C4A - #42042E | colorate

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

0.0%	0.0% #5E3C4A	RGB 94 60 74	#5E3C4A
16.7%	16.7% #593245	RGB 89 50 69	#593245
33.3%	33.3% #542940	RGB 84 41 64	#542940
50.0%	50.0% #50203C	RGB 80 32 60	#50203C
66.7%	66.7% #4B1637	RGB 75 22 55	#4B1637
83.3%	83.3% #460D32	RGB 70 13 50	#460D32
100.0%	100.0% #42042E	RGB 66 4 46	#42042E

#5E3C4A #593245 #542940 #50203C #4B1637 #460D32 #42042E

#5E3C4A - #42042E

HSVブレンド

#5E3C4A - #42042E | colorate

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

0.0%	0.0% #5E3C4A	RGB 94 60 74	#5E3C4A
16.7%	16.7% #593043	RGB 89 48 67	#593043
33.3%	33.3% #54253D	RGB 84 37 61	#54253D
50.0%	50.0% #501B38	RGB 80 27 56	#501B38
66.7%	66.7% #4B1334	RGB 75 19 52	#4B1334
83.3%	83.3% #460B30	RGB 70 11 48	#460B30
100.0%	100.0% #42042E	RGB 66 4 46	#42042E

#5E3C4A #593043 #54253D #501B38 #4B1334 #460B30 #42042E

#5E3C4A - #501B38 - #42042E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C4A 0%, #501B38 50%, #42042E 100%);
    background: -webkit-linear-gradient(top, #5E3C4A 0%, #501B38 50%, #42042E 100%);
    background: linear-gradient(to bottom, #5E3C4A 0%, #501B38 50%, #42042E 100%);
}
</style>