#FDFEF6 - #FDFEFC | colorate

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

Blend #FDFEF6 to #FDFEFC

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

RGBブレンド

#FDFEF6 - #FDFEFC | colorate

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

0.0%	0.0% #FDFEF6	RGB 253 254 246	#FDFEF6
16.7%	16.7% #FDFEF7	RGB 253 254 247	#FDFEF7
33.3%	33.3% #FDFEF8	RGB 253 254 248	#FDFEF8
50.0%	50.0% #FDFEF9	RGB 253 254 249	#FDFEF9
66.7%	66.7% #FDFEFA	RGB 253 254 250	#FDFEFA
83.3%	83.3% #FDFEFB	RGB 253 254 251	#FDFEFB
100.0%	100.0% #FDFEFC	RGB 253 254 252	#FDFEFC

#FDFEF6 #FDFEF7 #FDFEF8 #FDFEF9 #FDFEFA #FDFEFB #FDFEFC

#FDFEF6 - #FDFEFC

HSVブレンド

#FDFEF6 - #FDFEFC | colorate

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

0.0%	0.0% #FDFEF6	RGB 253 254 246	#FDFEF6
16.7%	16.7% #FCFEF7	RGB 252 254 247	#FCFEF7
33.3%	33.3% #FCFEF8	RGB 252 254 248	#FCFEF8
50.0%	50.0% #FCFEF9	RGB 252 254 249	#FCFEF9
66.7%	66.7% #FCFEFA	RGB 252 254 250	#FCFEFA
83.3%	83.3% #FCFEFB	RGB 252 254 251	#FCFEFB
100.0%	100.0% #FDFEFC	RGB 253 254 252	#FDFEFC

#FDFEF6 #FCFEF7 #FCFEF8 #FCFEF9 #FCFEFA #FCFEFB #FDFEFC

#FDFEF6 - #FCFEF9 - #FDFEFC

CSSコード

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

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