#AC7D5E - #FEC37C | colorate

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

Blend #AC7D5E to #FEC37C

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

RGBブレンド

#AC7D5E - #FEC37C | colorate

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

0.0%	0.0% #AC7D5E	RGB 172 125 94	#AC7D5E
16.7%	16.7% #B98863	RGB 185 136 99	#B98863
33.3%	33.3% #C79468	RGB 199 148 104	#C79468
50.0%	50.0% #D5A06D	RGB 213 160 109	#D5A06D
66.7%	66.7% #E2AB72	RGB 226 171 114	#E2AB72
83.3%	83.3% #F0B777	RGB 240 183 119	#F0B777
100.0%	100.0% #FEC37C	RGB 254 195 124	#FEC37C

#AC7D5E #B98863 #C79468 #D5A06D #E2AB72 #F0B777 #FEC37C

#AC7D5E - #FEC37C

HSVブレンド

#AC7D5E - #FEC37C | colorate

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

0.0%	0.0% #AC7D5E	RGB 172 125 94	#AC7D5E
16.7%	16.7% #B98763	RGB 185 135 99	#B98763
33.3%	33.3% #C79369	RGB 199 147 105	#C79369
50.0%	50.0% #D59E6E	RGB 213 158 110	#D59E6E
66.7%	66.7% #E2AA73	RGB 226 170 115	#E2AA73
83.3%	83.3% #F0B677	RGB 240 182 119	#F0B677
100.0%	100.0% #FEC37C	RGB 254 195 124	#FEC37C

#AC7D5E #B98763 #C79369 #D59E6E #E2AA73 #F0B677 #FEC37C

#AC7D5E - #D59E6E - #FEC37C

CSSコード

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

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