#AD8C80 - #8D482E | colorate

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

Blend #AD8C80 to #8D482E

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

RGBブレンド

#AD8C80 - #8D482E | colorate

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

0.0%	0.0% #AD8C80	RGB 173 140 128	#AD8C80
16.7%	16.7% #A78072	RGB 167 128 114	#A78072
33.3%	33.3% #A27564	RGB 162 117 100	#A27564
50.0%	50.0% #9D6A57	RGB 157 106 87	#9D6A57
66.7%	66.7% #975E49	RGB 151 94 73	#975E49
83.3%	83.3% #92533B	RGB 146 83 59	#92533B
100.0%	100.0% #8D482E	RGB 141 72 46	#8D482E

#AD8C80 #A78072 #A27564 #9D6A57 #975E49 #92533B #8D482E

#AD8C80 - #8D482E

HSVブレンド

#AD8C80 - #8D482E | colorate

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

0.0%	0.0% #AD8C80	RGB 173 140 128	#AD8C80
16.7%	16.7% #A77F70	RGB 167 127 112	#A77F70
33.3%	33.3% #A27361	RGB 162 115 97	#A27361
50.0%	50.0% #9D6753	RGB 157 103 83	#9D6753
66.7%	66.7% #975C46	RGB 151 92 70	#975C46
83.3%	83.3% #925139	RGB 146 81 57	#925139
100.0%	100.0% #8D482E	RGB 141 72 46	#8D482E

#AD8C80 #A77F70 #A27361 #9D6753 #975C46 #925139 #8D482E

#AD8C80 - #9D6753 - #8D482E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD8C80 0%, #9D6753 50%, #8D482E 100%);
    background: -webkit-linear-gradient(top, #AD8C80 0%, #9D6753 50%, #8D482E 100%);
    background: linear-gradient(to bottom, #AD8C80 0%, #9D6753 50%, #8D482E 100%);
}
</style>