#392110 - #2D1105 | colorate

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

Blend #392110 to #2D1105

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

RGBブレンド

#392110 - #2D1105 | colorate

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

0.0%	0.0% #392110	RGB 57 33 16	#392110
16.7%	16.7% #371E0E	RGB 55 30 14	#371E0E
33.3%	33.3% #351B0C	RGB 53 27 12	#351B0C
50.0%	50.0% #33190A	RGB 51 25 10	#33190A
66.7%	66.7% #311608	RGB 49 22 8	#311608
83.3%	83.3% #2F1306	RGB 47 19 6	#2F1306
100.0%	100.0% #2D1105	RGB 45 17 5	#2D1105

#392110 #371E0E #351B0C #33190A #311608 #2F1306 #2D1105

#392110 - #2D1105

HSVブレンド

#392110 - #2D1105 | colorate

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

0.0%	0.0% #392110	RGB 57 33 16	#392110
16.7%	16.7% #371E0D	RGB 55 30 13	#371E0D
33.3%	33.3% #351B0B	RGB 53 27 11	#351B0B
50.0%	50.0% #331809	RGB 51 24 9	#331809
66.7%	66.7% #311608	RGB 49 22 8	#311608
83.3%	83.3% #2F1306	RGB 47 19 6	#2F1306
100.0%	100.0% #2D1105	RGB 45 17 5	#2D1105

#392110 #371E0D #351B0B #331809 #311608 #2F1306 #2D1105

#392110 - #331809 - #2D1105

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392110 0%, #331809 50%, #2D1105 100%);
    background: -webkit-linear-gradient(top, #392110 0%, #331809 50%, #2D1105 100%);
    background: linear-gradient(to bottom, #392110 0%, #331809 50%, #2D1105 100%);
}
</style>