#1F2334 - #26264D | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #1F2334 to #26264D
#1F2334と#26264Dの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#1F2334 - #26264D | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#1F2334を0%、#26264Dを100%として二色間の色を展開します。
|
0.0% #1F2334 |
RGB 31 35 52 | #1F2334 |
|
16.7% #202338 |
RGB 32 35 56 | #202338 |
|
33.3% #21243C |
RGB 33 36 60 | #21243C |
|
50.0% #222440 |
RGB 34 36 64 | #222440 |
|
66.7% #232544 |
RGB 35 37 68 | #232544 |
|
83.3% #242548 |
RGB 36 37 72 | #242548 |
|
100.0% #26264D |
RGB 38 38 77 | #26264D |
HSVブレンド
#1F2334 - #26264D | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#1F2334を0%、#26264Dを100%として二色間の色を展開します。
|
0.0% #1F2234 |
RGB 31 34 52 | #1F2234 |
|
16.7% #202438 |
RGB 32 36 56 | #202438 |
|
33.3% #21253C |
RGB 33 37 60 | #21253C |
|
50.0% #232540 |
RGB 35 37 64 | #232540 |
|
66.7% #242644 |
RGB 36 38 68 | #242644 |
|
83.3% #252648 |
RGB 37 38 72 | #252648 |
|
100.0% #26264D |
RGB 38 38 77 | #26264D |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #1F2334 0%, #26264D 100%);
background: -webkit-linear-gradient(top, #1F2334 0%, #26264D 100%);
background: linear-gradient(to bottom, #1F2334 0%, #26264D 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #1F2234 0%, #232540 50%, #26264D 100%);
background: -webkit-linear-gradient(top, #1F2234 0%, #232540 50%, #26264D 100%);
background: linear-gradient(to bottom, #1F2234 0%, #232540 50%, #26264D 100%);
}
</style>
