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