#301556 - #06020C | colorate

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

Blend #301556 to #06020C

#301556

#06020C

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

RGBブレンド

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

0.0%	0.0% #301556	RGB 48 21 86	#301556
16.7%	16.7% #29124A	RGB 41 18 74	#29124A
33.3%	33.3% #220F3E	RGB 34 15 62	#220F3E
50.0%	50.0% #1B0C31	RGB 27 12 49	#1B0C31
66.7%	66.7% #140925	RGB 20 9 37	#140925
83.3%	83.3% #0D0619	RGB 13 6 25	#0D0619
100.0%	100.0% #06020C	RGB 6 2 12	#06020C

#301556 #29124A #220F3E #1B0C31 #140925 #0D0619 #06020C

#301556 - #06020C

HSVブレンド

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

0.0%	0.0% #2F1556	RGB 47 21 86	#2F1556
16.7%	16.7% #281149	RGB 40 17 73	#281149
33.3%	33.3% #210D3D	RGB 33 13 61	#210D3D
50.0%	50.0% #190A31	RGB 25 10 49	#190A31
66.7%	66.7% #130724	RGB 19 7 36	#130724
83.3%	83.3% #0C0418	RGB 12 4 24	#0C0418
100.0%	100.0% #06020C	RGB 6 2 12	#06020C

#2F1556 #281149 #210D3D #190A31 #130724 #0C0418 #06020C

#2F1556 - #190A31 - #06020C

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #2F1556 0%, #190A31 50%, #06020C 100%);
    background: -webkit-linear-gradient(top, #2F1556 0%, #190A31 50%, #06020C 100%);
    background: linear-gradient(to bottom, #2F1556 0%, #190A31 50%, #06020C 100%); 
}
</style>