#283530 - #00392A | colorate

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

Blend #283530 to #00392A

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

RGBブレンド

#283530 - #00392A | colorate

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

0.0%	0.0% #283530	RGB 40 53 48	#283530
16.7%	16.7% #21352F	RGB 33 53 47	#21352F
33.3%	33.3% #1A362E	RGB 26 54 46	#1A362E
50.0%	50.0% #14372D	RGB 20 55 45	#14372D
66.7%	66.7% #0D372C	RGB 13 55 44	#0D372C
83.3%	83.3% #06382B	RGB 6 56 43	#06382B
100.0%	100.0% #00392A	RGB 0 57 42	#00392A

#283530 #21352F #1A362E #14372D #0D372C #06382B #00392A

#283530 - #00392A

HSVブレンド

#283530 - #00392A | colorate

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

0.0%	0.0% #283530	RGB 40 53 48	#283530
16.7%	16.7% #21352E	RGB 33 53 46	#21352E
33.3%	33.3% #1B362D	RGB 27 54 45	#1B362D
50.0%	50.0% #14372B	RGB 20 55 43	#14372B
66.7%	66.7% #0E372B	RGB 14 55 43	#0E372B
83.3%	83.3% #07382A	RGB 7 56 42	#07382A
100.0%	100.0% #00392A	RGB 0 57 42	#00392A

#283530 #21352E #1B362D #14372B #0E372B #07382A #00392A

#283530 - #14372B - #00392A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #283530 0%, #14372B 50%, #00392A 100%);
    background: -webkit-linear-gradient(top, #283530 0%, #14372B 50%, #00392A 100%);
    background: linear-gradient(to bottom, #283530 0%, #14372B 50%, #00392A 100%);
}
</style>