#3E2D4D - #15090E | colorate

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

Blend #3E2D4D to #15090E

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

RGBブレンド

#3E2D4D - #15090E | colorate

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

0.0%	0.0% #3E2D4D	RGB 62 45 77	#3E2D4D
16.7%	16.7% #372742	RGB 55 39 66	#372742
33.3%	33.3% #302138	RGB 48 33 56	#302138
50.0%	50.0% #291B2D	RGB 41 27 45	#291B2D
66.7%	66.7% #221523	RGB 34 21 35	#221523
83.3%	83.3% #1B0F18	RGB 27 15 24	#1B0F18
100.0%	100.0% #15090E	RGB 21 9 14	#15090E

#3E2D4D #372742 #302138 #291B2D #221523 #1B0F18 #15090E

#3E2D4D - #15090E

HSVブレンド

#3E2D4D - #15090E | colorate

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

0.0%	0.0% #3E2D4D	RGB 62 45 77	#3E2D4D
16.7%	16.7% #3A2543	RGB 58 37 67	#3A2543
33.3%	33.3% #371F3A	RGB 55 31 58	#371F3A
50.0%	50.0% #31182F	RGB 49 24 47	#31182F
66.7%	66.7% #271322	RGB 39 19 34	#271322
83.3%	83.3% #1E0D17	RGB 30 13 23	#1E0D17
100.0%	100.0% #15090E	RGB 21 9 14	#15090E

#3E2D4D #3A2543 #371F3A #31182F #271322 #1E0D17 #15090E

#3E2D4D - #31182F - #15090E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2D4D 0%, #31182F 50%, #15090E 100%);
    background: -webkit-linear-gradient(top, #3E2D4D 0%, #31182F 50%, #15090E 100%);
    background: linear-gradient(to bottom, #3E2D4D 0%, #31182F 50%, #15090E 100%);
}
</style>