#B9B8B6 - #FFEFCC | colorate

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

Blend #B9B8B6 to #FFEFCC

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

RGBブレンド

#B9B8B6 - #FFEFCC | colorate

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

0.0%	0.0% #B9B8B6	RGB 185 184 182	#B9B8B6
16.7%	16.7% #C4C1B9	RGB 196 193 185	#C4C1B9
33.3%	33.3% #D0CABD	RGB 208 202 189	#D0CABD
50.0%	50.0% #DCD3C1	RGB 220 211 193	#DCD3C1
66.7%	66.7% #E7DCC4	RGB 231 220 196	#E7DCC4
83.3%	83.3% #F3E5C8	RGB 243 229 200	#F3E5C8
100.0%	100.0% #FFEFCC	RGB 255 239 204	#FFEFCC

#B9B8B6 #C4C1B9 #D0CABD #DCD3C1 #E7DCC4 #F3E5C8 #FFEFCC

#B9B8B6 - #FFEFCC

HSVブレンド

#B9B8B6 - #FFEFCC | colorate

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

0.0%	0.0% #B9B8B6	RGB 185 184 182	#B9B8B6
16.7%	16.7% #C4C1BB	RGB 196 193 187	#C4C1BB
33.3%	33.3% #D0CBC0	RGB 208 203 192	#D0CBC0
50.0%	50.0% #DCD4C4	RGB 220 212 196	#DCD4C4
66.7%	66.7% #E7DDC7	RGB 231 221 199	#E7DDC7
83.3%	83.3% #F3E6CA	RGB 243 230 202	#F3E6CA
100.0%	100.0% #FFEFCC	RGB 255 239 204	#FFEFCC

#B9B8B6 #C4C1BB #D0CBC0 #DCD4C4 #E7DDC7 #F3E6CA #FFEFCC

#B9B8B6 - #DCD4C4 - #FFEFCC

CSSコード

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

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