#478590 - #0A1314 | colorate

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

Blend #478590 to #0A1314

#478590

#0A1314

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

RGBブレンド

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

0.0%	0.0% #478590	RGB 71 133 144	#478590
16.7%	16.7% #3D727C	RGB 61 114 124	#3D727C
33.3%	33.3% #335F67	RGB 51 95 103	#335F67
50.0%	50.0% #294C52	RGB 41 76 82	#294C52
66.7%	66.7% #1F393E	RGB 31 57 62	#1F393E
83.3%	83.3% #152629	RGB 21 38 41	#152629
100.0%	100.0% #0A1314	RGB 10 19 20	#0A1314

#478590 #3D727C #335F67 #294C52 #1F393E #152629 #0A1314

#478590 - #0A1314

HSVブレンド

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

0.0%	0.0% #478490	RGB 71 132 144	#478490
16.7%	16.7% #3C727B	RGB 60 114 123	#3C727B
33.3%	33.3% #325F66	RGB 50 95 102	#325F66
50.0%	50.0% #284C52	RGB 40 76 82	#284C52
66.7%	66.7% #1E393D	RGB 30 57 61	#1E393D
83.3%	83.3% #142628	RGB 20 38 40	#142628
100.0%	100.0% #0A1314	RGB 10 19 20	#0A1314

#478490 #3C727B #325F66 #284C52 #1E393D #142628 #0A1314

#478490 - #284C52 - #0A1314

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #478490 0%, #284C52 50%, #0A1314 100%);
    background: -webkit-linear-gradient(top, #478490 0%, #284C52 50%, #0A1314 100%);
    background: linear-gradient(to bottom, #478490 0%, #284C52 50%, #0A1314 100%); 
}
</style>