#8F605E - #A8785D | colorate

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

Blend #8F605E to #A8785D

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

RGBブレンド

#8F605E - #A8785D | colorate

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

0.0%	0.0% #8F605E	RGB 143 96 94	#8F605E
16.7%	16.7% #93645D	RGB 147 100 93	#93645D
33.3%	33.3% #97685D	RGB 151 104 93	#97685D
50.0%	50.0% #9B6C5D	RGB 155 108 93	#9B6C5D
66.7%	66.7% #9F705D	RGB 159 112 93	#9F705D
83.3%	83.3% #A3745D	RGB 163 116 93	#A3745D
100.0%	100.0% #A8785D	RGB 168 120 93	#A8785D

#8F605E #93645D #97685D #9B6C5D #9F705D #A3745D #A8785D

#8F605E - #A8785D

HSVブレンド

#8F605E - #A8785D | colorate

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

0.0%	0.0% #8F605E	RGB 143 96 94	#8F605E
16.7%	16.7% #93635E	RGB 147 99 94	#93635E
33.3%	33.3% #97665E	RGB 151 102 94	#97665E
50.0%	50.0% #9B6A5E	RGB 155 106 94	#9B6A5E
66.7%	66.7% #9F6E5D	RGB 159 110 93	#9F6E5D
83.3%	83.3% #A3735D	RGB 163 115 93	#A3735D
100.0%	100.0% #A8785D	RGB 168 120 93	#A8785D

#8F605E #93635E #97665E #9B6A5E #9F6E5D #A3735D #A8785D

#8F605E - #9B6A5E - #A8785D

CSSコード

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

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