#E9EEEB - #F4F9FF | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #E9EEEB to #F4F9FF
#E9EEEBと#F4F9FFの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#E9EEEB - #F4F9FF | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#E9EEEBを0%、#F4F9FFを100%として二色間の色を展開します。
0.0% #E9EEEB |
RGB 233 238 235 | #E9EEEB |
16.7% #EAEFEE |
RGB 234 239 238 | #EAEFEE |
33.3% #ECF1F1 |
RGB 236 241 241 | #ECF1F1 |
50.0% #EEF3F5 |
RGB 238 243 245 | #EEF3F5 |
66.7% #F0F5F8 |
RGB 240 245 248 | #F0F5F8 |
83.3% #F2F7FB |
RGB 242 247 251 | #F2F7FB |
100.0% #F4F9FF |
RGB 244 249 255 | #F4F9FF |
HSVブレンド
#E9EEEB - #F4F9FF | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#E9EEEBを0%、#F4F9FFを100%として二色間の色を展開します。
0.0% #E9EEEB |
RGB 233 238 235 | #E9EEEB |
16.7% #EAF0EE |
RGB 234 240 238 | #EAF0EE |
33.3% #ECF3F2 |
RGB 236 243 242 | #ECF3F2 |
50.0% #EEF6F6 |
RGB 238 246 246 | #EEF6F6 |
66.7% #F0F7F9 |
RGB 240 247 249 | #F0F7F9 |
83.3% #F2F8FC |
RGB 242 248 252 | #F2F8FC |
100.0% #F4F9FF |
RGB 244 249 255 | #F4F9FF |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #E9EEEB 0%, #F4F9FF 100%); background: -webkit-linear-gradient(top, #E9EEEB 0%, #F4F9FF 100%); background: linear-gradient(to bottom, #E9EEEB 0%, #F4F9FF 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #E9EEEB 0%, #EEF6F6 50%, #F4F9FF 100%); background: -webkit-linear-gradient(top, #E9EEEB 0%, #EEF6F6 50%, #F4F9FF 100%); background: linear-gradient(to bottom, #E9EEEB 0%, #EEF6F6 50%, #F4F9FF 100%); } </style>