#144F77 - #093190 | colorate

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

Blend #144F77 to #093190

#144F77

#093190

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

RGBブレンド

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

0.0%	0.0% #144F77	RGB 20 79 119	#144F77
16.7%	16.7% #134A7B	RGB 19 74 123	#134A7B
33.3%	33.3% #11457F	RGB 17 69 127	#11457F
50.0%	50.0% #0F4083	RGB 15 64 131	#0F4083
66.7%	66.7% #0D3B87	RGB 13 59 135	#0D3B87
83.3%	83.3% #0B368B	RGB 11 54 139	#0B368B
100.0%	100.0% #093190	RGB 9 49 144	#093190

#144F77 #134A7B #11457F #0F4083 #0D3B87 #0B368B #093190

#144F77 - #093190

HSVブレンド

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

0.0%	0.0% #144F77	RGB 20 79 119	#144F77
16.7%	16.7% #124B7B	RGB 18 75 123	#124B7B
33.3%	33.3% #10477F	RGB 16 71 127	#10477F
50.0%	50.0% #0F4383	RGB 15 67 131	#0F4383
66.7%	66.7% #0D3D87	RGB 13 61 135	#0D3D87
83.3%	83.3% #0B378B	RGB 11 55 139	#0B378B
100.0%	100.0% #093190	RGB 9 49 144	#093190

#144F77 #124B7B #10477F #0F4383 #0D3D87 #0B378B #093190

#144F77 - #0F4383 - #093190

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #144F77 0%, #0F4383 50%, #093190 100%);
    background: -webkit-linear-gradient(top, #144F77 0%, #0F4383 50%, #093190 100%);
    background: linear-gradient(to bottom, #144F77 0%, #0F4383 50%, #093190 100%); 
}
</style>