#3D2139 - #290610 | colorate

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

Blend #3D2139 to #290610

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

RGBブレンド

#3D2139 - #290610 | colorate

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

0.0%	0.0% #3D2139	RGB 61 33 57	#3D2139
16.7%	16.7% #391C32	RGB 57 28 50	#391C32
33.3%	33.3% #36182B	RGB 54 24 43	#36182B
50.0%	50.0% #331324	RGB 51 19 36	#331324
66.7%	66.7% #2F0F1D	RGB 47 15 29	#2F0F1D
83.3%	83.3% #2C0A16	RGB 44 10 22	#2C0A16
100.0%	100.0% #290610	RGB 41 6 16	#290610

#3D2139 #391C32 #36182B #331324 #2F0F1D #2C0A16 #290610

#3D2139 - #290610

HSVブレンド

#3D2139 - #290610 | colorate

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

0.0%	0.0% #3D2139	RGB 61 33 57	#3D2139
16.7%	16.7% #391B32	RGB 57 27 50	#391B32
33.3%	33.3% #36162B	RGB 54 22 43	#36162B
50.0%	50.0% #331124	RGB 51 17 36	#331124
66.7%	66.7% #2F0D1D	RGB 47 13 29	#2F0D1D
83.3%	83.3% #2C0916	RGB 44 9 22	#2C0916
100.0%	100.0% #290610	RGB 41 6 16	#290610

#3D2139 #391B32 #36162B #331124 #2F0D1D #2C0916 #290610

#3D2139 - #331124 - #290610

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D2139 0%, #331124 50%, #290610 100%);
    background: -webkit-linear-gradient(top, #3D2139 0%, #331124 50%, #290610 100%);
    background: linear-gradient(to bottom, #3D2139 0%, #331124 50%, #290610 100%);
}
</style>