#241022 - #102410 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #241022 to #102410
#241022と#102410の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
RGBブレンド
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#241022を0%、#102410を100%として二色間の色を展開します。
0.0% #241022 |
RGB 36 16 34 | #241022 |
16.7% #21131F |
RGB 33 19 31 | #21131F |
33.3% #1E161C |
RGB 30 22 28 | #1E161C |
50.0% #1A1A19 |
RGB 26 26 25 | #1A1A19 |
66.7% #171D16 |
RGB 23 29 22 | #171D16 |
83.3% #142013 |
RGB 20 32 19 | #142013 |
100.0% #102410 |
RGB 16 36 16 | #102410 |
HSVブレンド
HSVブレンド
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#241022を0%、#102410を100%として二色間の色を展開します。
0.0% #241021 |
RGB 36 16 33 | #241021 |
16.7% #241018 |
RGB 36 16 24 | #241018 |
33.3% #241110 |
RGB 36 17 16 | #241110 |
50.0% #241B10 |
RGB 36 27 16 | #241B10 |
66.7% #232410 |
RGB 35 36 16 | #232410 |
83.3% #192410 |
RGB 25 36 16 | #192410 |
100.0% #102410 |
RGB 16 36 16 | #102410 |
CSSコード
<style type="text/css"> /* RGB Gradation */ div { background: -moz-linear-gradient(top, #241022 0%, #102410 100%); background: -webkit-linear-gradient(top, #241022 0%, #102410 100%); background: linear-gradient(to bottom, #241022 0%, #102410 100%); } /* HSV Gradation */ div { background: -moz-linear-gradient(top, #241021 0%, #241B10 50%, #102410 100%); background: -webkit-linear-gradient(top, #241021 0%, #241B10 50%, #102410 100%); background: linear-gradient(to bottom, #241021 0%, #241B10 50%, #102410 100%); } </style>