#342B30 - #340802 | colorate

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

Blend #342B30 to #340802

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

RGBブレンド

#342B30 - #340802 | colorate

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

0.0%	0.0% #342B30	RGB 52 43 48	#342B30
16.7%	16.7% #342528	RGB 52 37 40	#342528
33.3%	33.3% #341F20	RGB 52 31 32	#341F20
50.0%	50.0% #341919	RGB 52 25 25	#341919
66.7%	66.7% #341311	RGB 52 19 17	#341311
83.3%	83.3% #340D09	RGB 52 13 9	#340D09
100.0%	100.0% #340802	RGB 52 8 2	#340802

#342B30 #342528 #341F20 #341919 #341311 #340D09 #340802

#342B30 - #340802

HSVブレンド

#342B30 - #340802 | colorate

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

0.0%	0.0% #342B30	RGB 52 43 48	#342B30
16.7%	16.7% #34242B	RGB 52 36 43	#34242B
33.3%	33.3% #341D24	RGB 52 29 36	#341D24
50.0%	50.0% #34161C	RGB 52 22 28	#34161C
66.7%	66.7% #340F13	RGB 52 15 19	#340F13
83.3%	83.3% #340908	RGB 52 9 8	#340908
100.0%	100.0% #340802	RGB 52 8 2	#340802

#342B30 #34242B #341D24 #34161C #340F13 #340908 #340802

#342B30 - #34161C - #340802

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #342B30 0%, #34161C 50%, #340802 100%);
    background: -webkit-linear-gradient(top, #342B30 0%, #34161C 50%, #340802 100%);
    background: linear-gradient(to bottom, #342B30 0%, #34161C 50%, #340802 100%);
}
</style>