#3C3547 - #130027 | colorate

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

Blend #3C3547 to #130027

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

RGBブレンド

#3C3547 - #130027 | colorate

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

0.0%	0.0% #3C3547	RGB 60 53 71	#3C3547
16.7%	16.7% #352C41	RGB 53 44 65	#352C41
33.3%	33.3% #2E233C	RGB 46 35 60	#2E233C
50.0%	50.0% #271A37	RGB 39 26 55	#271A37
66.7%	66.7% #201131	RGB 32 17 49	#201131
83.3%	83.3% #19082C	RGB 25 8 44	#19082C
100.0%	100.0% #130027	RGB 19 0 39	#130027

#3C3547 #352C41 #2E233C #271A37 #201131 #19082C #130027

#3C3547 - #130027

HSVブレンド

#3C3547 - #130027 | colorate

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

0.0%	0.0% #3C3547	RGB 60 53 71	#3C3547
16.7%	16.7% #322841	RGB 50 40 65	#322841
33.3%	33.3% #2A1E3C	RGB 42 30 60	#2A1E3C
50.0%	50.0% #231437	RGB 35 20 55	#231437
66.7%	66.7% #1D0C31	RGB 29 12 49	#1D0C31
83.3%	83.3% #17052C	RGB 23 5 44	#17052C
100.0%	100.0% #130027	RGB 19 0 39	#130027

#3C3547 #322841 #2A1E3C #231437 #1D0C31 #17052C #130027

#3C3547 - #231437 - #130027

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3547 0%, #231437 50%, #130027 100%);
    background: -webkit-linear-gradient(top, #3C3547 0%, #231437 50%, #130027 100%);
    background: linear-gradient(to bottom, #3C3547 0%, #231437 50%, #130027 100%);
}
</style>