#442B8F - #00043A | colorate

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

Blend #442B8F to #00043A

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

RGBブレンド

#442B8F - #00043A | colorate

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

0.0%	0.0% #442B8F	RGB 68 43 143	#442B8F
16.7%	16.7% #382480	RGB 56 36 128	#382480
33.3%	33.3% #2D1E72	RGB 45 30 114	#2D1E72
50.0%	50.0% #221764	RGB 34 23 100	#221764
66.7%	66.7% #161056	RGB 22 16 86	#161056
83.3%	83.3% #0B0A48	RGB 11 10 72	#0B0A48
100.0%	100.0% #00043A	RGB 0 4 58	#00043A

#442B8F #382480 #2D1E72 #221764 #161056 #0B0A48 #00043A

#442B8F - #00043A

HSVブレンド

#442B8F - #00043A | colorate

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

0.0%	0.0% #432B8F	RGB 67 43 143	#432B8F
16.7%	16.7% #332080	RGB 51 32 128	#332080
33.3%	33.3% #241672	RGB 36 22 114	#241672
50.0%	50.0% #160F64	RGB 22 15 100	#160F64
66.7%	66.7% #0B0856	RGB 11 8 86	#0B0856
83.3%	83.3% #030448	RGB 3 4 72	#030448
100.0%	100.0% #00043A	RGB 0 4 58	#00043A

#432B8F #332080 #241672 #160F64 #0B0856 #030448 #00043A

#442B8F - #160F64 - #00043A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #432B8F 0%, #160F64 50%, #00043A 100%);
    background: -webkit-linear-gradient(top, #432B8F 0%, #160F64 50%, #00043A 100%);
    background: linear-gradient(to bottom, #432B8F 0%, #160F64 50%, #00043A 100%);
}
</style>