#2C342B - #02341F | colorate

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

Blend #2C342B to #02341F

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

RGBブレンド

#2C342B - #02341F | colorate

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

0.0%	0.0% #2C342B	RGB 44 52 43	#2C342B
16.7%	16.7% #253429	RGB 37 52 41	#253429
33.3%	33.3% #1E3427	RGB 30 52 39	#1E3427
50.0%	50.0% #173425	RGB 23 52 37	#173425
66.7%	66.7% #0F3423	RGB 15 52 35	#0F3423
83.3%	83.3% #093421	RGB 9 52 33	#093421
100.0%	100.0% #02341F	RGB 2 52 31	#02341F

#2C342B #253429 #1E3427 #173425 #0F3423 #093421 #02341F

#2C342B - #02341F

HSVブレンド

#2C342B - #02341F | colorate

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

0.0%	0.0% #2C342B	RGB 44 52 43	#2C342B
16.7%	16.7% #243424	RGB 36 52 36	#243424
33.3%	33.3% #1D3420	RGB 29 52 32	#1D3420
50.0%	50.0% #16341D	RGB 22 52 29	#16341D
66.7%	66.7% #0F341C	RGB 15 52 28	#0F341C
83.3%	83.3% #08341C	RGB 8 52 28	#08341C
100.0%	100.0% #02341F	RGB 2 52 31	#02341F

#2C342B #243424 #1D3420 #16341D #0F341C #08341C #02341F

#2C342B - #16341D - #02341F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C342B 0%, #16341D 50%, #02341F 100%);
    background: -webkit-linear-gradient(top, #2C342B 0%, #16341D 50%, #02341F 100%);
    background: linear-gradient(to bottom, #2C342B 0%, #16341D 50%, #02341F 100%);
}
</style>