#908B8D - #DBFF94 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #908B8D to #DBFF94
#908B8Dと#DBFF94の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#908B8D - #DBFF94 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#908B8Dを0%、#DBFF94を100%として二色間の色を展開します。
0.0% #908B8D |
RGB 144 139 141 | #908B8D |
16.7% #9C9E8E |
RGB 156 158 142 | #9C9E8E |
33.3% #A9B18F |
RGB 169 177 143 | #A9B18F |
50.0% #B5C590 |
RGB 181 197 144 | #B5C590 |
66.7% #C2D891 |
RGB 194 216 145 | #C2D891 |
83.3% #CEEB92 |
RGB 206 235 146 | #CEEB92 |
100.0% #DBFF94 |
RGB 219 255 148 | #DBFF94 |
HSVブレンド
#908B8D - #DBFF94 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#908B8Dを0%、#DBFF94を100%として二色間の色を展開します。
0.0% #908B8D |
RGB 144 139 141 | #908B8D |
16.7% #A29294 |
RGB 162 146 148 | #A29294 |
33.3% #B59C97 |
RGB 181 156 151 | #B59C97 |
50.0% #C7AF9A |
RGB 199 175 154 | #C7AF9A |
66.7% #DACA9A |
RGB 218 202 154 | #DACA9A |
83.3% #E8EC98 |
RGB 232 236 152 | #E8EC98 |
100.0% #DBFF94 |
RGB 219 255 148 | #DBFF94 |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #908B8D 0%, #DBFF94 100%); background: -webkit-linear-gradient(top, #908B8D 0%, #DBFF94 100%); background: linear-gradient(to bottom, #908B8D 0%, #DBFF94 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #908B8D 0%, #C7AF9A 50%, #DBFF94 100%); background: -webkit-linear-gradient(top, #908B8D 0%, #C7AF9A 50%, #DBFF94 100%); background: linear-gradient(to bottom, #908B8D 0%, #C7AF9A 50%, #DBFF94 100%); } </style>