#FCFC5E - #FCF59B | colorate

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

Blend #FCFC5E to #FCF59B

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

RGBブレンド

#FCFC5E - #FCF59B | colorate

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

0.0%	0.0% #FCFC5E	RGB 252 252 94	#FCFC5E
16.7%	16.7% #FCFA68	RGB 252 250 104	#FCFA68
33.3%	33.3% #FCF972	RGB 252 249 114	#FCF972
50.0%	50.0% #FCF87C	RGB 252 248 124	#FCF87C
66.7%	66.7% #FCF786	RGB 252 247 134	#FCF786
83.3%	83.3% #FCF690	RGB 252 246 144	#FCF690
100.0%	100.0% #FCF59B	RGB 252 245 155	#FCF59B

#FCFC5E #FCFA68 #FCF972 #FCF87C #FCF786 #FCF690 #FCF59B

#FCFC5E - #FCF59B

HSVブレンド

#FCFC5E - #FCF59B | colorate

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

0.0%	0.0% #FCFC5E	RGB 252 252 94	#FCFC5E
16.7%	16.7% #FCFA68	RGB 252 250 104	#FCFA68
33.3%	33.3% #FCF872	RGB 252 248 114	#FCF872
50.0%	50.0% #FCF77C	RGB 252 247 124	#FCF77C
66.7%	66.7% #FCF686	RGB 252 246 134	#FCF686
83.3%	83.3% #FCF590	RGB 252 245 144	#FCF590
100.0%	100.0% #FCF59B	RGB 252 245 155	#FCF59B

#FCFC5E #FCFA68 #FCF872 #FCF77C #FCF686 #FCF590 #FCF59B

#FCFC5E - #FCF77C - #FCF59B

CSSコード

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

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