#5F718F - #E8EBEF | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #5F718F to #E8EBEF
#5F718Fと#E8EBEFの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#5F718F - #E8EBEF | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#5F718Fを0%、#E8EBEFを100%として二色間の色を展開します。
0.0% #5F718F |
RGB 95 113 143 | #5F718F |
16.7% #75859F |
RGB 117 133 159 | #75859F |
33.3% #8C99AF |
RGB 140 153 175 | #8C99AF |
50.0% #A3AEBF |
RGB 163 174 191 | #A3AEBF |
66.7% #BAC2CF |
RGB 186 194 207 | #BAC2CF |
83.3% #D1D6DF |
RGB 209 214 223 | #D1D6DF |
100.0% #E8EBEF |
RGB 232 235 239 | #E8EBEF |
HSVブレンド
#5F718F - #E8EBEF | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#5F718Fを0%、#E8EBEFを100%として二色間の色を展開します。
0.0% #5F718F |
RGB 95 113 143 | #5F718F |
16.7% #71839F |
RGB 113 131 159 | #71839F |
33.3% #8696AF |
RGB 134 150 175 | #8696AF |
50.0% #9CAABF |
RGB 156 170 191 | #9CAABF |
66.7% #B3BECF |
RGB 179 190 207 | #B3BECF |
83.3% #CDD4DF |
RGB 205 212 223 | #CDD4DF |
100.0% #E8EBEF |
RGB 232 235 239 | #E8EBEF |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #5F718F 0%, #E8EBEF 100%); background: -webkit-linear-gradient(top, #5F718F 0%, #E8EBEF 100%); background: linear-gradient(to bottom, #5F718F 0%, #E8EBEF 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #5F718F 0%, #9CAABF 50%, #E8EBEF 100%); background: -webkit-linear-gradient(top, #5F718F 0%, #9CAABF 50%, #E8EBEF 100%); background: linear-gradient(to bottom, #5F718F 0%, #9CAABF 50%, #E8EBEF 100%); } </style>