#160609 - #4D3333 | colorate

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

Blend #160609 to #4D3333

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

RGBブレンド

#160609 - #4D3333 | colorate

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

0.0%	0.0% #160609	RGB 22 6 9	#160609
16.7%	16.7% #1F0D10	RGB 31 13 16	#1F0D10
33.3%	33.3% #281517	RGB 40 21 23	#281517
50.0%	50.0% #311C1E	RGB 49 28 30	#311C1E
66.7%	66.7% #3A2425	RGB 58 36 37	#3A2425
83.3%	83.3% #432B2C	RGB 67 43 44	#432B2C
100.0%	100.0% #4D3333	RGB 77 51 51	#4D3333

#160609 #1F0D10 #281517 #311C1E #3A2425 #432B2C #4D3333

#160609 - #4D3333

HSVブレンド

#160609 - #4D3333 | colorate

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

0.0%	0.0% #160609	RGB 22 6 9	#160609
16.7%	16.7% #1F0A0D	RGB 31 10 13	#1F0A0D
33.3%	33.3% #281013	RGB 40 16 19	#281013
50.0%	50.0% #311719	RGB 49 23 25	#311719
66.7%	66.7% #3A1F20	RGB 58 31 32	#3A1F20
83.3%	83.3% #432829	RGB 67 40 41	#432829
100.0%	100.0% #4D3333	RGB 77 51 51	#4D3333

#160609 #1F0A0D #281013 #311719 #3A1F20 #432829 #4D3333

#160609 - #311719 - #4D3333

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #160609 0%, #311719 50%, #4D3333 100%);
    background: -webkit-linear-gradient(top, #160609 0%, #311719 50%, #4D3333 100%);
    background: linear-gradient(to bottom, #160609 0%, #311719 50%, #4D3333 100%);
}
</style>