#785C7B - #613F59 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #785C7B to #613F59
#785C7Bと#613F59の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
RGBブレンド
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#785C7Bを0%、#613F59を100%として二色間の色を展開します。
0.0% #785C7B |
RGB 120 92 123 | #785C7B |
16.7% #755876 |
RGB 117 88 118 | #755876 |
33.3% #715370 |
RGB 113 83 112 | #715370 |
50.0% #6D4E6A |
RGB 109 78 106 | #6D4E6A |
66.7% #694965 |
RGB 105 73 101 | #694965 |
83.3% #65445F |
RGB 101 68 95 | #65445F |
100.0% #613F59 |
RGB 97 63 89 | #613F59 |
HSVブレンド
HSVブレンド
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#785C7Bを0%、#613F59を100%として二色間の色を展開します。
0.0% #785C7B |
RGB 120 92 123 | #785C7B |
16.7% #755676 |
RGB 117 86 118 | #755676 |
33.3% #725171 |
RGB 114 81 113 | #725171 |
50.0% #6E4C6B |
RGB 110 76 107 | #6E4C6B |
66.7% #694865 |
RGB 105 72 101 | #694865 |
83.3% #65435F |
RGB 101 67 95 | #65435F |
100.0% #613F59 |
RGB 97 63 89 | #613F59 |
CSSコード
<style type="text/css"> /* RGB Gradation */ div { background: -moz-linear-gradient(top, #785C7B 0%, #613F59 100%); background: -webkit-linear-gradient(top, #785C7B 0%, #613F59 100%); background: linear-gradient(to bottom, #785C7B 0%, #613F59 100%); } /* HSV Gradation */ div { background: -moz-linear-gradient(top, #785C7B 0%, #6E4C6B 50%, #613F59 100%); background: -webkit-linear-gradient(top, #785C7B 0%, #6E4C6B 50%, #613F59 100%); background: linear-gradient(to bottom, #785C7B 0%, #6E4C6B 50%, #613F59 100%); } </style>