#FAF8FF - #A3B5CF | colorate

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

Blend #FAF8FF to #A3B5CF

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

RGBブレンド

#FAF8FF - #A3B5CF | colorate

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

0.0%	0.0% #FAF8FF	RGB 250 248 255	#FAF8FF
16.7%	16.7% #EBECF7	RGB 235 236 247	#EBECF7
33.3%	33.3% #DDE1EF	RGB 221 225 239	#DDE1EF
50.0%	50.0% #CED6E7	RGB 206 214 231	#CED6E7
66.7%	66.7% #C0CBDF	RGB 192 203 223	#C0CBDF
83.3%	83.3% #B1C0D7	RGB 177 192 215	#B1C0D7
100.0%	100.0% #A3B5CF	RGB 163 181 207	#A3B5CF

#FAF8FF #EBECF7 #DDE1EF #CED6E7 #C0CBDF #B1C0D7 #A3B5CF

#FAF8FF - #A3B5CF

HSVブレンド

#FAF8FF - #A3B5CF | colorate

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

0.0%	0.0% #FAF8FF	RGB 250 248 255	#FAF8FF
16.7%	16.7% #EBE8F7	RGB 235 232 247	#EBE8F7
33.3%	33.3% #DAD9EF	RGB 218 217 239	#DAD9EF
50.0%	50.0% #CBCCE7	RGB 203 204 231	#CBCCE7
66.7%	66.7% #BDC3DF	RGB 189 195 223	#BDC3DF
83.3%	83.3% #AFBBD7	RGB 175 187 215	#AFBBD7
100.0%	100.0% #A3B5CF	RGB 163 181 207	#A3B5CF

#FAF8FF #EBE8F7 #DAD9EF #CBCCE7 #BDC3DF #AFBBD7 #A3B5CF

#FAF8FF - #CBCCE7 - #A3B5CF

CSSコード

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

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