#7B767D - #FFB884 | colorate

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

Blend #7B767D to #FFB884

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

RGBブレンド

#7B767D - #FFB884 | colorate

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

0.0%	0.0% #7B767D	RGB 123 118 125	#7B767D
16.7%	16.7% #91817E	RGB 145 129 126	#91817E
33.3%	33.3% #A78C7F	RGB 167 140 127	#A78C7F
50.0%	50.0% #BD9780	RGB 189 151 128	#BD9780
66.7%	66.7% #D3A281	RGB 211 162 129	#D3A281
83.3%	83.3% #E9AD82	RGB 233 173 130	#E9AD82
100.0%	100.0% #FFB884	RGB 255 184 132	#FFB884

#7B767D #91817E #A78C7F #BD9780 #D3A281 #E9AD82 #FFB884

#7B767D - #FFB884

HSVブレンド

#7B767D - #FFB884 | colorate

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

0.0%	0.0% #7B767D	RGB 123 118 125	#7B767D
16.7%	16.7% #928092	RGB 146 128 146	#928092
33.3%	33.3% #A8869E	RGB 168 134 158	#A8869E
50.0%	50.0% #BE8AA0	RGB 190 138 160	#BE8AA0
66.7%	66.7% #D38B96	RGB 211 139 150	#D38B96
83.3%	83.3% #E99689	RGB 233 150 137	#E99689
100.0%	100.0% #FFB884	RGB 255 184 132	#FFB884

#7B767D #928092 #A8869E #BE8AA0 #D38B96 #E99689 #FFB884

#7B767D - #BE8AA0 - #FFB884

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B767D 0%, #BE8AA0 50%, #FFB884 100%);
    background: -webkit-linear-gradient(top, #7B767D 0%, #BE8AA0 50%, #FFB884 100%);
    background: linear-gradient(to bottom, #7B767D 0%, #BE8AA0 50%, #FFB884 100%);
}
</style>