#4F1D8F - #34093D | colorate

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

Blend #4F1D8F to #34093D

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

RGBブレンド

#4F1D8F - #34093D | colorate

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

0.0%	0.0% #4F1D8F	RGB 79 29 143	#4F1D8F
16.7%	16.7% #4A1981	RGB 74 25 129	#4A1981
33.3%	33.3% #461673	RGB 70 22 115	#461673
50.0%	50.0% #411366	RGB 65 19 102	#411366
66.7%	66.7% #3D0F58	RGB 61 15 88	#3D0F58
83.3%	83.3% #380C4A	RGB 56 12 74	#380C4A
100.0%	100.0% #34093D	RGB 52 9 61	#34093D

#4F1D8F #4A1981 #461673 #411366 #3D0F58 #380C4A #34093D

#4F1D8F - #34093D

HSVブレンド

#4F1D8F - #34093D | colorate

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

0.0%	0.0% #4E1D8F	RGB 78 29 143	#4E1D8F
16.7%	16.7% #4D1981	RGB 77 25 129	#4D1981
33.3%	33.3% #4A1573	RGB 74 21 115	#4A1573
50.0%	50.0% #471166	RGB 71 17 102	#471166
66.7%	66.7% #420E58	RGB 66 14 88	#420E58
83.3%	83.3% #3B0B4A	RGB 59 11 74	#3B0B4A
100.0%	100.0% #34093D	RGB 52 9 61	#34093D

#4E1D8F #4D1981 #4A1573 #471166 #420E58 #3B0B4A #34093D

#4F1D8F - #471166 - #34093D

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E1D8F 0%, #471166 50%, #34093D 100%);
    background: -webkit-linear-gradient(top, #4E1D8F 0%, #471166 50%, #34093D 100%);
    background: linear-gradient(to bottom, #4E1D8F 0%, #471166 50%, #34093D 100%);
}
</style>