#903C39 - #401512 | colorate

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

Blend #903C39 to #401512

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

RGBブレンド

#903C39 - #401512 | colorate

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

0.0%	0.0% #903C39	RGB 144 60 57	#903C39
16.7%	16.7% #823532	RGB 130 53 50	#823532
33.3%	33.3% #752F2C	RGB 117 47 44	#752F2C
50.0%	50.0% #682825	RGB 104 40 37	#682825
66.7%	66.7% #5A221F	RGB 90 34 31	#5A221F
83.3%	83.3% #4D1B18	RGB 77 27 24	#4D1B18
100.0%	100.0% #401512	RGB 64 21 18	#401512

#903C39 #823532 #752F2C #682825 #5A221F #4D1B18 #401512

#903C39 - #401512

HSVブレンド

#903C39 - #401512 | colorate

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

0.0%	0.0% #903C39	RGB 144 60 57	#903C39
16.7%	16.7% #823431	RGB 130 52 49	#823431
33.3%	33.3% #752D29	RGB 117 45 41	#752D29
50.0%	50.0% #682623	RGB 104 38 35	#682623
66.7%	66.7% #5A201C	RGB 90 32 28	#5A201C
83.3%	83.3% #4D1A17	RGB 77 26 23	#4D1A17
100.0%	100.0% #401512	RGB 64 21 18	#401512

#903C39 #823431 #752D29 #682623 #5A201C #4D1A17 #401512

#903C39 - #682623 - #401512

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #903C39 0%, #682623 50%, #401512 100%);
    background: -webkit-linear-gradient(top, #903C39 0%, #682623 50%, #401512 100%);
    background: linear-gradient(to bottom, #903C39 0%, #682623 50%, #401512 100%);
}
</style>