#31231C - #695E5E | colorate

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

Blend #31231C to #695E5E

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

RGBブレンド

#31231C - #695E5E | colorate

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

0.0%	0.0% #31231C	RGB 49 35 28	#31231C
16.7%	16.7% #3A2C27	RGB 58 44 39	#3A2C27
33.3%	33.3% #433632	RGB 67 54 50	#433632
50.0%	50.0% #4D403D	RGB 77 64 61	#4D403D
66.7%	66.7% #564A48	RGB 86 74 72	#564A48
83.3%	83.3% #5F5453	RGB 95 84 83	#5F5453
100.0%	100.0% #695E5E	RGB 105 94 94	#695E5E

#31231C #3A2C27 #433632 #4D403D #564A48 #5F5453 #695E5E

#31231C - #695E5E

HSVブレンド

#31231C - #695E5E | colorate

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

0.0%	0.0% #31231C	RGB 49 35 28	#31231C
16.7%	16.7% #3A2A24	RGB 58 42 36	#3A2A24
33.3%	33.3% #43322D	RGB 67 50 45	#43322D
50.0%	50.0% #4D3B38	RGB 77 59 56	#4D3B38
66.7%	66.7% #564643	RGB 86 70 67	#564643
83.3%	83.3% #5F5150	RGB 95 81 80	#5F5150
100.0%	100.0% #695E5E	RGB 105 94 94	#695E5E

#31231C #3A2A24 #43322D #4D3B38 #564643 #5F5150 #695E5E

#31231C - #4D3B38 - #695E5E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #31231C 0%, #4D3B38 50%, #695E5E 100%);
    background: -webkit-linear-gradient(top, #31231C 0%, #4D3B38 50%, #695E5E 100%);
    background: linear-gradient(to bottom, #31231C 0%, #4D3B38 50%, #695E5E 100%);
}
</style>