#707271 - #AFB285 | colorate

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

Blend #707271 to #AFB285

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

RGBブレンド

#707271 - #AFB285 | colorate

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

0.0%	0.0% #707271	RGB 112 114 113	#707271
16.7%	16.7% #7A7C74	RGB 122 124 116	#7A7C74
33.3%	33.3% #858777	RGB 133 135 119	#858777
50.0%	50.0% #8F927B	RGB 143 146 123	#8F927B
66.7%	66.7% #9A9C7E	RGB 154 156 126	#9A9C7E
83.3%	83.3% #A4A781	RGB 164 167 129	#A4A781
100.0%	100.0% #AFB285	RGB 175 178 133	#AFB285

#707271 #7A7C74 #858777 #8F927B #9A9C7E #A4A781 #AFB285

#707271 - #AFB285

HSVブレンド

#707271 - #AFB285 | colorate

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

0.0%	0.0% #707271	RGB 112 114 113	#707271
16.7%	16.7% #757C77	RGB 117 124 119	#757C77
33.3%	33.3% #7A877A	RGB 122 135 122	#7A877A
50.0%	50.0% #82927E	RGB 130 146 126	#82927E
66.7%	66.7% #8D9C81	RGB 141 156 129	#8D9C81
83.3%	83.3% #9CA783	RGB 156 167 131	#9CA783
100.0%	100.0% #AFB285	RGB 175 178 133	#AFB285

#707271 #757C77 #7A877A #82927E #8D9C81 #9CA783 #AFB285

#707271 - #82927E - #AFB285

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #707271 0%, #82927E 50%, #AFB285 100%);
    background: -webkit-linear-gradient(top, #707271 0%, #82927E 50%, #AFB285 100%);
    background: linear-gradient(to bottom, #707271 0%, #82927E 50%, #AFB285 100%);
}
</style>