#905228 - #5C2402 | colorate

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

Blend #905228 to #5C2402

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

RGBブレンド

#905228 - #5C2402 | colorate

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

0.0%	0.0% #905228	RGB 144 82 40	#905228
16.7%	16.7% #874A21	RGB 135 74 33	#874A21
33.3%	33.3% #7E421B	RGB 126 66 27	#7E421B
50.0%	50.0% #763B15	RGB 118 59 21	#763B15
66.7%	66.7% #6D330E	RGB 109 51 14	#6D330E
83.3%	83.3% #642B08	RGB 100 43 8	#642B08
100.0%	100.0% #5C2402	RGB 92 36 2	#5C2402

#905228 #874A21 #7E421B #763B15 #6D330E #642B08 #5C2402

#905228 - #5C2402

HSVブレンド

#905228 - #5C2402 | colorate

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

0.0%	0.0% #905228	RGB 144 82 40	#905228
16.7%	16.7% #87491F	RGB 135 73 31	#87491F
33.3%	33.3% #7E4018	RGB 126 64 24	#7E4018
50.0%	50.0% #763811	RGB 118 56 17	#763811
66.7%	66.7% #6D310B	RGB 109 49 11	#6D310B
83.3%	83.3% #642A06	RGB 100 42 6	#642A06
100.0%	100.0% #5C2402	RGB 92 36 2	#5C2402

#905228 #87491F #7E4018 #763811 #6D310B #642A06 #5C2402

#905228 - #763811 - #5C2402

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #905228 0%, #763811 50%, #5C2402 100%);
    background: -webkit-linear-gradient(top, #905228 0%, #763811 50%, #5C2402 100%);
    background: linear-gradient(to bottom, #905228 0%, #763811 50%, #5C2402 100%);
}
</style>