#142039 - #231445 | colorate

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

Blend #142039 to #231445

#142039 #231445

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

RGBブレンド

#142039 - #231445 | colorate

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

0.0%	0.0% #142039	RGB 20 32 57	#142039
16.7%	16.7% #161E3B	RGB 22 30 59	#161E3B
33.3%	33.3% #191C3D	RGB 25 28 61	#191C3D
50.0%	50.0% #1B1A3F	RGB 27 26 63	#1B1A3F
66.7%	66.7% #1E1841	RGB 30 24 65	#1E1841
83.3%	83.3% #201643	RGB 32 22 67	#201643
100.0%	100.0% #231445	RGB 35 20 69	#231445

#142039 #161E3B #191C3D #1B1A3F #1E1841 #201643 #231445

#142039 - #231445

HSVブレンド

#142039 - #231445 | colorate

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

0.0%	0.0% #142039	RGB 20 32 57	#142039
16.7%	16.7% #141C3B	RGB 20 28 59	#141C3B
33.3%	33.3% #14183D	RGB 20 24 61	#14183D
50.0%	50.0% #14143F	RGB 20 20 63	#14143F
66.7%	66.7% #181441	RGB 24 20 65	#181441
83.3%	83.3% #1D1443	RGB 29 20 67	#1D1443
100.0%	100.0% #231445	RGB 35 20 69	#231445

#142039 #141C3B #14183D #14143F #181441 #1D1443 #231445

#142039 - #14143F - #231445

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #142039 0%, #14143F 50%, #231445 100%);
    background: -webkit-linear-gradient(top, #142039 0%, #14143F 50%, #231445 100%);
    background: linear-gradient(to bottom, #142039 0%, #14143F 50%, #231445 100%);
}
</style>