#A47E5E - #FEC27C | colorate

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

Blend #A47E5E to #FEC27C

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

RGBブレンド

#A47E5E - #FEC27C | colorate

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

0.0%	0.0% #A47E5E	RGB 164 126 94	#A47E5E
16.7%	16.7% #B38963	RGB 179 137 99	#B38963
33.3%	33.3% #C29468	RGB 194 148 104	#C29468
50.0%	50.0% #D1A06D	RGB 209 160 109	#D1A06D
66.7%	66.7% #E0AB72	RGB 224 171 114	#E0AB72
83.3%	83.3% #EFB677	RGB 239 182 119	#EFB677
100.0%	100.0% #FEC27C	RGB 254 194 124	#FEC27C

#A47E5E #B38963 #C29468 #D1A06D #E0AB72 #EFB677 #FEC27C

#A47E5E - #FEC27C

HSVブレンド

#A47E5E - #FEC27C | colorate

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

0.0%	0.0% #A47E5E	RGB 164 126 94	#A47E5E
16.7%	16.7% #B38964	RGB 179 137 100	#B38964
33.3%	33.3% #C29469	RGB 194 148 105	#C29469
50.0%	50.0% #D19F6E	RGB 209 159 110	#D19F6E
66.7%	66.7% #E0AB73	RGB 224 171 115	#E0AB73
83.3%	83.3% #EFB678	RGB 239 182 120	#EFB678
100.0%	100.0% #FEC27C	RGB 254 194 124	#FEC27C

#A47E5E #B38964 #C29469 #D19F6E #E0AB73 #EFB678 #FEC27C

#A47E5E - #D19F6E - #FEC27C

CSSコード

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

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