#2B342F - #022034 | colorate

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

Blend #2B342F to #022034

#2B342F #022034

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

RGBブレンド

#2B342F - #022034 | colorate

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

0.0%	0.0% #2B342F	RGB 43 52 47	#2B342F
16.7%	16.7% #24302F	RGB 36 48 47	#24302F
33.3%	33.3% #1D2D30	RGB 29 45 48	#1D2D30
50.0%	50.0% #162A31	RGB 22 42 49	#162A31
66.7%	66.7% #0F2632	RGB 15 38 50	#0F2632
83.3%	83.3% #082333	RGB 8 35 51	#082333
100.0%	100.0% #022034	RGB 2 32 52	#022034

#2B342F #24302F #1D2D30 #162A31 #0F2632 #082333 #022034

#2B342F - #022034

HSVブレンド

#2B342F - #022034 | colorate

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

0.0%	0.0% #2B342F	RGB 43 52 47	#2B342F
16.7%	16.7% #24342D	RGB 36 52 45	#24342D
33.3%	33.3% #1D342E	RGB 29 52 46	#1D342E
50.0%	50.0% #163431	RGB 22 52 49	#163431
66.7%	66.7% #0F3134	RGB 15 49 52	#0F3134
83.3%	83.3% #082934	RGB 8 41 52	#082934
100.0%	100.0% #022034	RGB 2 32 52	#022034

#2B342F #24342D #1D342E #163431 #0F3134 #082934 #022034

#2B342F - #163431 - #022034

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B342F 0%, #163431 50%, #022034 100%);
    background: -webkit-linear-gradient(top, #2B342F 0%, #163431 50%, #022034 100%);
    background: linear-gradient(to bottom, #2B342F 0%, #163431 50%, #022034 100%);
}
</style>