#2936FF - #0E009E | colorate

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

Blend #2936FF to #0E009E

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

RGBブレンド

#2936FF - #0E009E | colorate

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

0.0%	0.0% #2936FF	RGB 41 54 255	#2936FF
16.7%	16.7% #242DEE	RGB 36 45 238	#242DEE
33.3%	33.3% #2024DE	RGB 32 36 222	#2024DE
50.0%	50.0% #1B1BCE	RGB 27 27 206	#1B1BCE
66.7%	66.7% #1712BE	RGB 23 18 190	#1712BE
83.3%	83.3% #1209AE	RGB 18 9 174	#1209AE
100.0%	100.0% #0E009E	RGB 14 0 158	#0E009E

#2936FF #242DEE #2024DE #1B1BCE #1712BE #1209AE #0E009E

#2936FF - #0E009E

HSVブレンド

#2936FF - #0E009E | colorate

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

0.0%	0.0% #2835FF	RGB 40 53 255	#2835FF
16.7%	16.7% #2027EE	RGB 32 39 238	#2027EE
33.3%	33.3% #171ADE	RGB 23 26 222	#171ADE
50.0%	50.0% #1310CE	RGB 19 16 206	#1310CE
66.7%	66.7% #110ABE	RGB 17 10 190	#110ABE
83.3%	83.3% #0F04AE	RGB 15 4 174	#0F04AE
100.0%	100.0% #0E009E	RGB 14 0 158	#0E009E

#2835FF #2027EE #171ADE #1310CE #110ABE #0F04AE #0E009E

#2936FF - #1310CE - #0E009E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2835FF 0%, #1310CE 50%, #0E009E 100%);
    background: -webkit-linear-gradient(top, #2835FF 0%, #1310CE 50%, #0E009E 100%);
    background: linear-gradient(to bottom, #2835FF 0%, #1310CE 50%, #0E009E 100%);
}
</style>