#8F620D - #2D2204 | colorate

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

Blend #8F620D to #2D2204

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

RGBブレンド

#8F620D - #2D2204 | colorate

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

0.0%	0.0% #8F620D	RGB 143 98 13	#8F620D
16.7%	16.7% #7E570B	RGB 126 87 11	#7E570B
33.3%	33.3% #6E4C0A	RGB 110 76 10	#6E4C0A
50.0%	50.0% #5E4208	RGB 94 66 8	#5E4208
66.7%	66.7% #4D3707	RGB 77 55 7	#4D3707
83.3%	83.3% #3D2C05	RGB 61 44 5	#3D2C05
100.0%	100.0% #2D2204	RGB 45 34 4	#2D2204

#8F620D #7E570B #6E4C0A #5E4208 #4D3707 #3D2C05 #2D2204

#8F620D - #2D2204

HSVブレンド

#8F620D - #2D2204 | colorate

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

0.0%	0.0% #8F620D	RGB 143 98 13	#8F620D
16.7%	16.7% #7E580B	RGB 126 88 11	#7E580B
33.3%	33.3% #6E4E09	RGB 110 78 9	#6E4E09
50.0%	50.0% #5E4308	RGB 94 67 8	#5E4308
66.7%	66.7% #4D3806	RGB 77 56 6	#4D3806
83.3%	83.3% #3D2D05	RGB 61 45 5	#3D2D05
100.0%	100.0% #2D2204	RGB 45 34 4	#2D2204

#8F620D #7E580B #6E4E09 #5E4308 #4D3806 #3D2D05 #2D2204

#8F620D - #5E4308 - #2D2204

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F620D 0%, #5E4308 50%, #2D2204 100%);
    background: -webkit-linear-gradient(top, #8F620D 0%, #5E4308 50%, #2D2204 100%);
    background: linear-gradient(to bottom, #8F620D 0%, #5E4308 50%, #2D2204 100%);
}
</style>