#E5E9F7 - #F7F8FC | colorate

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

Blend #E5E9F7 to #F7F8FC

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

RGBブレンド

#E5E9F7 - #F7F8FC | colorate

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

0.0%	0.0% #E5E9F7	RGB 229 233 247	#E5E9F7
16.7%	16.7% #E8EBF7	RGB 232 235 247	#E8EBF7
33.3%	33.3% #EBEEF8	RGB 235 238 248	#EBEEF8
50.0%	50.0% #EEF0F9	RGB 238 240 249	#EEF0F9
66.7%	66.7% #F1F3FA	RGB 241 243 250	#F1F3FA
83.3%	83.3% #F4F5FB	RGB 244 245 251	#F4F5FB
100.0%	100.0% #F7F8FC	RGB 247 248 252	#F7F8FC

#E5E9F7 #E8EBF7 #EBEEF8 #EEF0F9 #F1F3FA #F4F5FB #F7F8FC

#E5E9F7 - #F7F8FC

HSVブレンド

#E5E9F7 - #F7F8FC | colorate

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

0.0%	0.0% #E5E9F7	RGB 229 233 247	#E5E9F7
16.7%	16.7% #E7EBF7	RGB 231 235 247	#E7EBF7
33.3%	33.3% #EAEDF8	RGB 234 237 248	#EAEDF8
50.0%	50.0% #EDF0F9	RGB 237 240 249	#EDF0F9
66.7%	66.7% #F0F2FA	RGB 240 242 250	#F0F2FA
83.3%	83.3% #F3F5FB	RGB 243 245 251	#F3F5FB
100.0%	100.0% #F7F8FC	RGB 247 248 252	#F7F8FC

#E5E9F7 #E7EBF7 #EAEDF8 #EDF0F9 #F0F2FA #F3F5FB #F7F8FC

#E5E9F7 - #EDF0F9 - #F7F8FC

CSSコード

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

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