#A97C92 - #FDC8AC | colorate

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

Blend #A97C92 to #FDC8AC

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

RGBブレンド

#A97C92 - #FDC8AC | colorate

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

0.0%	0.0% #A97C92	RGB 169 124 146	#A97C92
16.7%	16.7% #B78896	RGB 183 136 150	#B78896
33.3%	33.3% #C5959A	RGB 197 149 154	#C5959A
50.0%	50.0% #D3A29F	RGB 211 162 159	#D3A29F
66.7%	66.7% #E1AEA3	RGB 225 174 163	#E1AEA3
83.3%	83.3% #EFBBA7	RGB 239 187 167	#EFBBA7
100.0%	100.0% #FDC8AC	RGB 253 200 172	#FDC8AC

#A97C92 #B78896 #C5959A #D3A29F #E1AEA3 #EFBBA7 #FDC8AC

#A97C92 - #FDC8AC

HSVブレンド

#A97C92 - #FDC8AC | colorate

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

0.0%	0.0% #A97C92	RGB 169 124 146	#A97C92
16.7%	16.7% #B78496	RGB 183 132 150	#B78496
33.3%	33.3% #C58D98	RGB 197 141 152	#C58D98
50.0%	50.0% #D39599	RGB 211 149 153	#D39599
66.7%	66.7% #E1A19D	RGB 225 161 157	#E1A19D
83.3%	83.3% #EFB3A4	RGB 239 179 164	#EFB3A4
100.0%	100.0% #FDC8AC	RGB 253 200 172	#FDC8AC

#A97C92 #B78496 #C58D98 #D39599 #E1A19D #EFB3A4 #FDC8AC

#A97C92 - #D39599 - #FDC8AC

CSSコード

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

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