#231F1E - #360D00 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #231F1E to #360D00
#231F1Eと#360D00の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#231F1E - #360D00 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#231F1Eを0%、#360D00を100%として二色間の色を展開します。
0.0% #231F1E |
RGB 35 31 30 | #231F1E |
16.7% #261C19 |
RGB 38 28 25 | #261C19 |
33.3% #291914 |
RGB 41 25 20 | #291914 |
50.0% #2C160F |
RGB 44 22 15 | #2C160F |
66.7% #2F130A |
RGB 47 19 10 | #2F130A |
83.3% #321005 |
RGB 50 16 5 | #321005 |
100.0% #360D00 |
RGB 54 13 0 | #360D00 |
HSVブレンド
#231F1E - #360D00 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#231F1Eを0%、#360D00を100%として二色間の色を展開します。
0.0% #231F1E |
RGB 35 31 30 | #231F1E |
16.7% #261D1B |
RGB 38 29 27 | #261D1B |
33.3% #291B17 |
RGB 41 27 23 | #291B17 |
50.0% #2C1813 |
RGB 44 24 19 | #2C1813 |
66.7% #2F150D |
RGB 47 21 13 | #2F150D |
83.3% #321107 |
RGB 50 17 7 | #321107 |
100.0% #360D00 |
RGB 54 13 0 | #360D00 |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #231F1E 0%, #360D00 100%); background: -webkit-linear-gradient(top, #231F1E 0%, #360D00 100%); background: linear-gradient(to bottom, #231F1E 0%, #360D00 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #231F1E 0%, #2C1813 50%, #360D00 100%); background: -webkit-linear-gradient(top, #231F1E 0%, #2C1813 50%, #360D00 100%); background: linear-gradient(to bottom, #231F1E 0%, #2C1813 50%, #360D00 100%); } </style>