#8A878A - #FFC38A | colorate

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

Blend #8A878A to #FFC38A

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

RGBブレンド

#8A878A - #FFC38A | colorate

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

0.0%	0.0% #8A878A	RGB 138 135 138	#8A878A
16.7%	16.7% #9D918A	RGB 157 145 138	#9D918A
33.3%	33.3% #B19B8A	RGB 177 155 138	#B19B8A
50.0%	50.0% #C4A58A	RGB 196 165 138	#C4A58A
66.7%	66.7% #D8AF8A	RGB 216 175 138	#D8AF8A
83.3%	83.3% #EBB98A	RGB 235 185 138	#EBB98A
100.0%	100.0% #FFC38A	RGB 255 195 138	#FFC38A

#8A878A #9D918A #B19B8A #C4A58A #D8AF8A #EBB98A #FFC38A

#8A878A - #FFC38A

HSVブレンド

#8A878A - #FFC38A | colorate

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

0.0%	0.0% #8A878A	RGB 138 135 138	#8A878A
16.7%	16.7% #9D8E99	RGB 157 142 153	#9D8E99
33.3%	33.3% #B193A2	RGB 177 147 162	#B193A2
50.0%	50.0% #C495A1	RGB 196 149 161	#C495A1
66.7%	66.7% #D89494	RGB 216 148 148	#D89494
83.3%	83.3% #EBA690	RGB 235 166 144	#EBA690
100.0%	100.0% #FFC38A	RGB 255 195 138	#FFC38A

#8A878A #9D8E99 #B193A2 #C495A1 #D89494 #EBA690 #FFC38A

#8A878A - #C495A1 - #FFC38A

CSSコード

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

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