#002EFF - #19098B | colorate

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

Blend #002EFF to #19098B

#002EFF #19098B

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

RGBブレンド

#002EFF - #19098B | colorate

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

0.0%	0.0% #002EFF	RGB 0 46 255	#002EFF
16.7%	16.7% #0427EB	RGB 4 39 235	#0427EB
33.3%	33.3% #0821D8	RGB 8 33 216	#0821D8
50.0%	50.0% #0C1BC5	RGB 12 27 197	#0C1BC5
66.7%	66.7% #1015B1	RGB 16 21 177	#1015B1
83.3%	83.3% #140F9E	RGB 20 15 158	#140F9E
100.0%	100.0% #19098B	RGB 25 9 139	#19098B

#002EFF #0427EB #0821D8 #0C1BC5 #1015B1 #140F9E #19098B

#002EFF - #19098B

HSVブレンド

#002EFF - #19098B | colorate

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

0.0%	0.0% #002DFF	RGB 0 45 255	#002DFF
16.7%	16.7% #0220EB	RGB 2 32 235	#0220EB
33.3%	33.3% #0415D8	RGB 4 21 216	#0415D8
50.0%	50.0% #060BC5	RGB 6 11 197	#060BC5
66.7%	66.7% #0B07B1	RGB 11 7 177	#0B07B1
83.3%	83.3% #13089E	RGB 19 8 158	#13089E
100.0%	100.0% #19098B	RGB 25 9 139	#19098B

#002DFF #0220EB #0415D8 #060BC5 #0B07B1 #13089E #19098B

#002EFF - #060BC5 - #19098B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002DFF 0%, #060BC5 50%, #19098B 100%);
    background: -webkit-linear-gradient(top, #002DFF 0%, #060BC5 50%, #19098B 100%);
    background: linear-gradient(to bottom, #002DFF 0%, #060BC5 50%, #19098B 100%);
}
</style>