#815B5A - #8D7B5B | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
Blend #815B5A to #8D7B5B
#815B5Aと#8D7B5Bの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
RGBブレンド
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#815B5Aを0%、#8D7B5Bを100%として二色間の色を展開します。
0.0% #815B5A |
RGB 129 91 90 | #815B5A |
16.7% #83605A |
RGB 131 96 90 | #83605A |
33.3% #85655A |
RGB 133 101 90 | #85655A |
50.0% #876B5A |
RGB 135 107 90 | #876B5A |
66.7% #89705A |
RGB 137 112 90 | #89705A |
83.3% #8B755A |
RGB 139 117 90 | #8B755A |
100.0% #8D7B5B |
RGB 141 123 91 | #8D7B5B |
HSVブレンド
HSVブレンド
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#815B5Aを0%、#8D7B5Bを100%として二色間の色を展開します。
0.0% #815B5A |
RGB 129 91 90 | #815B5A |
16.7% #835F5A |
RGB 131 95 90 | #835F5A |
33.3% #85645A |
RGB 133 100 90 | #85645A |
50.0% #87695A |
RGB 135 105 90 | #87695A |
66.7% #896E5A |
RGB 137 110 90 | #896E5A |
83.3% #8B745A |
RGB 139 116 90 | #8B745A |
100.0% #8D7B5B |
RGB 141 123 91 | #8D7B5B |
CSSコード
<style type="text/css"> /* RGB Gradation */ div { background: -moz-linear-gradient(top, #815B5A 0%, #8D7B5B 100%); background: -webkit-linear-gradient(top, #815B5A 0%, #8D7B5B 100%); background: linear-gradient(to bottom, #815B5A 0%, #8D7B5B 100%); } /* HSV Gradation */ div { background: -moz-linear-gradient(top, #815B5A 0%, #87695A 50%, #8D7B5B 100%); background: -webkit-linear-gradient(top, #815B5A 0%, #87695A 50%, #8D7B5B 100%); background: linear-gradient(to bottom, #815B5A 0%, #87695A 50%, #8D7B5B 100%); } </style>