#0E0E08 - #BABAB8 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #0E0E08 to #BABAB8
#0E0E08と#BABAB8の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#0E0E08 - #BABAB8 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#0E0E08を0%、#BABAB8を100%として二色間の色を展開します。
0.0% #0E0E08 |
RGB 14 14 8 | #0E0E08 |
16.7% #2A2A25 |
RGB 42 42 37 | #2A2A25 |
33.3% #474742 |
RGB 71 71 66 | #474742 |
50.0% #646460 |
RGB 100 100 96 | #646460 |
66.7% #80807D |
RGB 128 128 125 | #80807D |
83.3% #9D9D9A |
RGB 157 157 154 | #9D9D9A |
100.0% #BABAB8 |
RGB 186 186 184 | #BABAB8 |
HSVブレンド
#0E0E08 - #BABAB8 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#0E0E08を0%、#BABAB8を100%として二色間の色を展開します。
0.0% #0E0E08 |
RGB 14 14 8 | #0E0E08 |
16.7% #2A2A1B |
RGB 42 42 27 | #2A2A1B |
33.3% #474732 |
RGB 71 71 50 | #474732 |
50.0% #64644E |
RGB 100 100 78 | #64644E |
66.7% #80806D |
RGB 128 128 109 | #80806D |
83.3% #9D9D90 |
RGB 157 157 144 | #9D9D90 |
100.0% #BABAB8 |
RGB 186 186 184 | #BABAB8 |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #0E0E08 0%, #BABAB8 100%); background: -webkit-linear-gradient(top, #0E0E08 0%, #BABAB8 100%); background: linear-gradient(to bottom, #0E0E08 0%, #BABAB8 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #0E0E08 0%, #64644E 50%, #BABAB8 100%); background: -webkit-linear-gradient(top, #0E0E08 0%, #64644E 50%, #BABAB8 100%); background: linear-gradient(to bottom, #0E0E08 0%, #64644E 50%, #BABAB8 100%); } </style>