#2B342D - #023034 | colorate

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

Blend #2B342D to #023034

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

RGBブレンド

#2B342D - #023034 | colorate

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

0.0%	0.0% #2B342D	RGB 43 52 45	#2B342D
16.7%	16.7% #24332E	RGB 36 51 46	#24332E
33.3%	33.3% #1D322F	RGB 29 50 47	#1D322F
50.0%	50.0% #163230	RGB 22 50 48	#163230
66.7%	66.7% #0F3131	RGB 15 49 49	#0F3131
83.3%	83.3% #083032	RGB 8 48 50	#083032
100.0%	100.0% #023034	RGB 2 48 52	#023034

#2B342D #24332E #1D322F #163230 #0F3131 #083032 #023034

#2B342D - #023034

HSVブレンド

#2B342D - #023034 | colorate

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

0.0%	0.0% #2B342D	RGB 43 52 45	#2B342D
16.7%	16.7% #243429	RGB 36 52 41	#243429
33.3%	33.3% #1D3428	RGB 29 52 40	#1D3428
50.0%	50.0% #163429	RGB 22 52 41	#163429
66.7%	66.7% #0F342C	RGB 15 52 44	#0F342C
83.3%	83.3% #083431	RGB 8 52 49	#083431
100.0%	100.0% #023034	RGB 2 48 52	#023034

#2B342D #243429 #1D3428 #163429 #0F342C #083431 #023034

#2B342D - #163429 - #023034

CSSコード

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

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