#7B6976 - #592129 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #7B6976 to #592129
#7B6976と#592129の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#7B6976 - #592129 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#7B6976を0%、#592129を100%として二色間の色を展開します。
0.0% #7B6976 |
RGB 123 105 118 | #7B6976 |
16.7% #755D69 |
RGB 117 93 105 | #755D69 |
33.3% #6F515C |
RGB 111 81 92 | #6F515C |
50.0% #6A454F |
RGB 106 69 79 | #6A454F |
66.7% #643942 |
RGB 100 57 66 | #643942 |
83.3% #5E2D35 |
RGB 94 45 53 | #5E2D35 |
100.0% #592129 |
RGB 89 33 41 | #592129 |
HSVブレンド
#7B6976 - #592129 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#7B6976を0%、#592129を100%として二色間の色を展開します。
0.0% #7B6976 |
RGB 123 105 118 | #7B6976 |
16.7% #755A6B |
RGB 117 90 107 | #755A6B |
33.3% #6F4D5F |
RGB 111 77 95 | #6F4D5F |
50.0% #6A4052 |
RGB 106 64 82 | #6A4052 |
66.7% #643545 |
RGB 100 53 69 | #643545 |
83.3% #5E2A37 |
RGB 94 42 55 | #5E2A37 |
100.0% #592129 |
RGB 89 33 41 | #592129 |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #7B6976 0%, #592129 100%); background: -webkit-linear-gradient(top, #7B6976 0%, #592129 100%); background: linear-gradient(to bottom, #7B6976 0%, #592129 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #7B6976 0%, #6A4052 50%, #592129 100%); background: -webkit-linear-gradient(top, #7B6976 0%, #6A4052 50%, #592129 100%); background: linear-gradient(to bottom, #7B6976 0%, #6A4052 50%, #592129 100%); } </style>