#989793 - #9DA497 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
Blend #989793 to #9DA497
#989793と#9DA497の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
RGBブレンド
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#989793を0%、#9DA497を100%として二色間の色を展開します。
0.0% #989793 |
RGB 152 151 147 | #989793 |
16.7% #989993 |
RGB 152 153 147 | #989993 |
33.3% #999B94 |
RGB 153 155 148 | #999B94 |
50.0% #9A9D95 |
RGB 154 157 149 | #9A9D95 |
66.7% #9B9F95 |
RGB 155 159 149 | #9B9F95 |
83.3% #9CA196 |
RGB 156 161 150 | #9CA196 |
100.0% #9DA497 |
RGB 157 164 151 | #9DA497 |
HSVブレンド
HSVブレンド
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#989793を0%、#9DA497を100%として二色間の色を展開します。
0.0% #989793 |
RGB 152 151 147 | #989793 |
16.7% #9A9993 |
RGB 154 153 147 | #9A9993 |
33.3% #9B9C94 |
RGB 155 156 148 | #9B9C94 |
50.0% #9C9E95 |
RGB 156 158 149 | #9C9E95 |
66.7% #9DA095 |
RGB 157 160 149 | #9DA095 |
83.3% #9DA296 |
RGB 157 162 150 | #9DA296 |
100.0% #9DA497 |
RGB 157 164 151 | #9DA497 |
CSSコード
<style type="text/css"> /* RGB Gradation */ div { background: -moz-linear-gradient(top, #989793 0%, #9DA497 100%); background: -webkit-linear-gradient(top, #989793 0%, #9DA497 100%); background: linear-gradient(to bottom, #989793 0%, #9DA497 100%); } /* HSV Gradation */ div { background: -moz-linear-gradient(top, #989793 0%, #9C9E95 50%, #9DA497 100%); background: -webkit-linear-gradient(top, #989793 0%, #9C9E95 50%, #9DA497 100%); background: linear-gradient(to bottom, #989793 0%, #9C9E95 50%, #9DA497 100%); } </style>