#342F31 - #1A1515 | colorate

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

Blend #342F31 to #1A1515

#342F31 #1A1515

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

RGBブレンド

#342F31 - #1A1515 | colorate

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

0.0%	0.0% #342F31	RGB 52 47 49	#342F31
16.7%	16.7% #2F2A2C	RGB 47 42 44	#2F2A2C
33.3%	33.3% #2B2627	RGB 43 38 39	#2B2627
50.0%	50.0% #272223	RGB 39 34 35	#272223
66.7%	66.7% #221D1E	RGB 34 29 30	#221D1E
83.3%	83.3% #1E1919	RGB 30 25 25	#1E1919
100.0%	100.0% #1A1515	RGB 26 21 21	#1A1515

#342F31 #2F2A2C #2B2627 #272223 #221D1E #1E1919 #1A1515

#342F31 - #1A1515

HSVブレンド

#342F31 - #1A1515 | colorate

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

0.0%	0.0% #342F31	RGB 52 47 49	#342F31
16.7%	16.7% #2F2A2C	RGB 47 42 44	#2F2A2C
33.3%	33.3% #2B2527	RGB 43 37 39	#2B2527
50.0%	50.0% #272122	RGB 39 33 34	#272122
66.7%	66.7% #221D1D	RGB 34 29 29	#221D1D
83.3%	83.3% #1E1819	RGB 30 24 25	#1E1819
100.0%	100.0% #1A1515	RGB 26 21 21	#1A1515

#342F31 #2F2A2C #2B2527 #272122 #221D1D #1E1819 #1A1515

#342F31 - #272122 - #1A1515

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #342F31 0%, #272122 50%, #1A1515 100%);
    background: -webkit-linear-gradient(top, #342F31 0%, #272122 50%, #1A1515 100%);
    background: linear-gradient(to bottom, #342F31 0%, #272122 50%, #1A1515 100%);
}
</style>