#0F0904 - #314524 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #0F0904 to #314524
#0F0904と#314524の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#0F0904 - #314524 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#0F0904を0%、#314524を100%として二色間の色を展開します。
0.0% #0F0904 |
RGB 15 9 4 | #0F0904 |
16.7% #141309 |
RGB 20 19 9 | #141309 |
33.3% #1A1D0E |
RGB 26 29 14 | #1A1D0E |
50.0% #202714 |
RGB 32 39 20 | #202714 |
66.7% #253119 |
RGB 37 49 25 | #253119 |
83.3% #2B3B1E |
RGB 43 59 30 | #2B3B1E |
100.0% #314524 |
RGB 49 69 36 | #314524 |
HSVブレンド
#0F0904 - #314524 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#0F0904を0%、#314524を100%として二色間の色を展開します。
0.0% #0F0904 |
RGB 15 9 4 | #0F0904 |
16.7% #181207 |
RGB 24 18 7 | #181207 |
33.3% #211D0B |
RGB 33 29 11 | #211D0B |
50.0% #292A10 |
RGB 41 42 16 | #292A10 |
66.7% #2C3316 |
RGB 44 51 22 | #2C3316 |
83.3% #2F3C1C |
RGB 47 60 28 | #2F3C1C |
100.0% #314524 |
RGB 49 69 36 | #314524 |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #0F0904 0%, #314524 100%); background: -webkit-linear-gradient(top, #0F0904 0%, #314524 100%); background: linear-gradient(to bottom, #0F0904 0%, #314524 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #0F0904 0%, #292A10 50%, #314524 100%); background: -webkit-linear-gradient(top, #0F0904 0%, #292A10 50%, #314524 100%); background: linear-gradient(to bottom, #0F0904 0%, #292A10 50%, #314524 100%); } </style>