#0023EB - #01135C | colorate

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

Blend #0023EB to #01135C

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

RGBブレンド

#0023EB - #01135C | colorate

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

0.0%	0.0% #0023EB	RGB 0 35 235	#0023EB
16.7%	16.7% #0020D3	RGB 0 32 211	#0020D3
33.3%	33.3% #001DBB	RGB 0 29 187	#001DBB
50.0%	50.0% #001BA3	RGB 0 27 163	#001BA3
66.7%	66.7% #00188B	RGB 0 24 139	#00188B
83.3%	83.3% #001573	RGB 0 21 115	#001573
100.0%	100.0% #01135C	RGB 1 19 92	#01135C

#0023EB #0020D3 #001DBB #001BA3 #00188B #001573 #01135C

#0023EB - #01135C

HSVブレンド

#0023EB - #01135C | colorate

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

0.0%	0.0% #0022EB	RGB 0 34 235	#0022EB
16.7%	16.7% #0021D3	RGB 0 33 211	#0021D3
33.3%	33.3% #001FBB	RGB 0 31 187	#001FBB
50.0%	50.0% #001DA3	RGB 0 29 163	#001DA3
66.7%	66.7% #011A8B	RGB 1 26 139	#011A8B
83.3%	83.3% #011673	RGB 1 22 115	#011673
100.0%	100.0% #01135C	RGB 1 19 92	#01135C

#0022EB #0021D3 #001FBB #001DA3 #011A8B #011673 #01135C

#0023EB - #001DA3 - #01135C

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0022EB 0%, #001DA3 50%, #01135C 100%);
    background: -webkit-linear-gradient(top, #0022EB 0%, #001DA3 50%, #01135C 100%);
    background: linear-gradient(to bottom, #0022EB 0%, #001DA3 50%, #01135C 100%);
}
</style>