#23158F - #8565CA | colorate

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

Blend #23158F to #8565CA

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

RGBブレンド

#23158F - #8565CA | colorate

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

0.0%	0.0% #23158F	RGB 35 21 143	#23158F
16.7%	16.7% #332298	RGB 51 34 152	#332298
33.3%	33.3% #432FA2	RGB 67 47 162	#432FA2
50.0%	50.0% #543DAC	RGB 84 61 172	#543DAC
66.7%	66.7% #644AB6	RGB 100 74 182	#644AB6
83.3%	83.3% #7457C0	RGB 116 87 192	#7457C0
100.0%	100.0% #8565CA	RGB 133 101 202	#8565CA

#23158F #332298 #432FA2 #543DAC #644AB6 #7457C0 #8565CA

#23158F - #8565CA

HSVブレンド

#23158F - #8565CA | colorate

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

0.0%	0.0% #22158F	RGB 34 21 143	#22158F
16.7%	16.7% #311F98	RGB 49 31 152	#311F98
33.3%	33.3% #402BA2	RGB 64 43 162	#402BA2
50.0%	50.0% #5037AC	RGB 80 55 172	#5037AC
66.7%	66.7% #6145B6	RGB 97 69 182	#6145B6
83.3%	83.3% #7354C0	RGB 115 84 192	#7354C0
100.0%	100.0% #8565CA	RGB 133 101 202	#8565CA

#22158F #311F98 #402BA2 #5037AC #6145B6 #7354C0 #8565CA

#23158F - #5037AC - #8565CA

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #22158F 0%, #5037AC 50%, #8565CA 100%);
    background: -webkit-linear-gradient(top, #22158F 0%, #5037AC 50%, #8565CA 100%);
    background: linear-gradient(to bottom, #22158F 0%, #5037AC 50%, #8565CA 100%);
}
</style>