#917C7E - #5C3631 | colorate

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

Blend #917C7E to #5C3631

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

RGBブレンド

#917C7E - #5C3631 | colorate

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

0.0%	0.0% #917C7E	RGB 145 124 126	#917C7E
16.7%	16.7% #887071	RGB 136 112 113	#887071
33.3%	33.3% #7F6464	RGB 127 100 100	#7F6464
50.0%	50.0% #765957	RGB 118 89 87	#765957
66.7%	66.7% #6D4D4A	RGB 109 77 74	#6D4D4A
83.3%	83.3% #64413D	RGB 100 65 61	#64413D
100.0%	100.0% #5C3631	RGB 92 54 49	#5C3631

#917C7E #887071 #7F6464 #765957 #6D4D4A #64413D #5C3631

#917C7E - #5C3631

HSVブレンド

#917C7E - #5C3631 | colorate

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

0.0%	0.0% #917C7E	RGB 145 124 126	#917C7E
16.7%	16.7% #886D6E	RGB 136 109 110	#886D6E
33.3%	33.3% #7F5F5F	RGB 127 95 95	#7F5F5F
50.0%	50.0% #765252	RGB 118 82 82	#765252
66.7%	66.7% #6D4846	RGB 109 72 70	#6D4846
83.3%	83.3% #643E3B	RGB 100 62 59	#643E3B
100.0%	100.0% #5C3631	RGB 92 54 49	#5C3631

#917C7E #886D6E #7F5F5F #765252 #6D4846 #643E3B #5C3631

#917C7E - #765252 - #5C3631

CSSコード

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

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