#AF9F5E - #FFD67B | colorate

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

Blend #AF9F5E to #FFD67B

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

RGBブレンド

#AF9F5E - #FFD67B | colorate

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

0.0%	0.0% #AF9F5E	RGB 175 159 94	#AF9F5E
16.7%	16.7% #BCA862	RGB 188 168 98	#BCA862
33.3%	33.3% #C9B167	RGB 201 177 103	#C9B167
50.0%	50.0% #D7BA6C	RGB 215 186 108	#D7BA6C
66.7%	66.7% #E4C371	RGB 228 195 113	#E4C371
83.3%	83.3% #F1CC76	RGB 241 204 118	#F1CC76
100.0%	100.0% #FFD67B	RGB 255 214 123	#FFD67B

#AF9F5E #BCA862 #C9B167 #D7BA6C #E4C371 #F1CC76 #FFD67B

#AF9F5E - #FFD67B

HSVブレンド

#AF9F5E - #FFD67B | colorate

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

0.0%	0.0% #AF9F5E	RGB 175 159 94	#AF9F5E
16.7%	16.7% #BCA963	RGB 188 169 99	#BCA963
33.3%	33.3% #C9B268	RGB 201 178 104	#C9B268
50.0%	50.0% #D7BC6D	RGB 215 188 109	#D7BC6D
66.7%	66.7% #E4C572	RGB 228 197 114	#E4C572
83.3%	83.3% #F1CD76	RGB 241 205 118	#F1CD76
100.0%	100.0% #FFD67B	RGB 255 214 123	#FFD67B

#AF9F5E #BCA963 #C9B268 #D7BC6D #E4C572 #F1CD76 #FFD67B

#AF9F5E - #D7BC6D - #FFD67B

CSSコード

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

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