#0007AD - #3400FD | colorate

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

Blend #0007AD to #3400FD

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

RGBブレンド

#0007AD - #3400FD | colorate

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

0.0%	0.0% #0007AD	RGB 0 7 173	#0007AD
16.7%	16.7% #0805BA	RGB 8 5 186	#0805BA
33.3%	33.3% #1104C7	RGB 17 4 199	#1104C7
50.0%	50.0% #1A03D5	RGB 26 3 213	#1A03D5
66.7%	66.7% #2202E2	RGB 34 2 226	#2202E2
83.3%	83.3% #2B01EF	RGB 43 1 239	#2B01EF
100.0%	100.0% #3400FD	RGB 52 0 253	#3400FD

#0007AD #0805BA #1104C7 #1A03D5 #2202E2 #2B01EF #3400FD

#0007AD - #3400FD

HSVブレンド

#0007AD - #3400FD | colorate

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

0.0%	0.0% #0006AD	RGB 0 6 173	#0006AD
16.7%	16.7% #0000BA	RGB 0 0 186	#0000BA
33.3%	33.3% #0800C7	RGB 8 0 199	#0800C7
50.0%	50.0% #1100D5	RGB 17 0 213	#1100D5
66.7%	66.7% #1B00E2	RGB 27 0 226	#1B00E2
83.3%	83.3% #2700EF	RGB 39 0 239	#2700EF
100.0%	100.0% #3400FD	RGB 52 0 253	#3400FD

#0006AD #0000BA #0800C7 #1100D5 #1B00E2 #2700EF #3400FD

#0007AD - #1100D5 - #3400FD

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0006AD 0%, #1100D5 50%, #3400FD 100%);
    background: -webkit-linear-gradient(top, #0006AD 0%, #1100D5 50%, #3400FD 100%);
    background: linear-gradient(to bottom, #0006AD 0%, #1100D5 50%, #3400FD 100%);
}
</style>