#8E726A - #F5BC8C | colorate

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

Blend #8E726A to #F5BC8C

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

RGBブレンド

#8E726A - #F5BC8C | colorate

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

0.0%	0.0% #8E726A	RGB 142 114 106	#8E726A
16.7%	16.7% #9F7E6F	RGB 159 126 111	#9F7E6F
33.3%	33.3% #B08A75	RGB 176 138 117	#B08A75
50.0%	50.0% #C1977B	RGB 193 151 123	#C1977B
66.7%	66.7% #D2A380	RGB 210 163 128	#D2A380
83.3%	83.3% #E3AF86	RGB 227 175 134	#E3AF86
100.0%	100.0% #F5BC8C	RGB 245 188 140	#F5BC8C

#8E726A #9F7E6F #B08A75 #C1977B #D2A380 #E3AF86 #F5BC8C

#8E726A - #F5BC8C

HSVブレンド

#8E726A - #F5BC8C | colorate

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

0.0%	0.0% #8E726A	RGB 142 114 106	#8E726A
16.7%	16.7% #9F7D72	RGB 159 125 114	#9F7D72
33.3%	33.3% #B08979	RGB 176 137 121	#B08979
50.0%	50.0% #C1957F	RGB 193 149 127	#C1957F
66.7%	66.7% #D2A284	RGB 210 162 132	#D2A284
83.3%	83.3% #E3AE88	RGB 227 174 136	#E3AE88
100.0%	100.0% #F5BC8C	RGB 245 188 140	#F5BC8C

#8E726A #9F7D72 #B08979 #C1957F #D2A284 #E3AE88 #F5BC8C

#8E726A - #C1957F - #F5BC8C

CSSコード

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

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