#393E47 - #7765B9 | colorate

colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。サイトをよりよくする

Blend #393E47 to #7765B9

#393E47と#7765B9の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。

RGBブレンド

#393E47 - #7765B9 | colorate

RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#393E47を0%、#7765B9を100%として二色間の色を展開します。

0.0%	0.0% #393E47	RGB 57 62 71	#393E47
16.7%	16.7% #43445A	RGB 67 68 90	#43445A
33.3%	33.3% #4D4B6D	RGB 77 75 109	#4D4B6D
50.0%	50.0% #585180	RGB 88 81 128	#585180
66.7%	66.7% #625893	RGB 98 88 147	#625893
83.3%	83.3% #6C5EA6	RGB 108 94 166	#6C5EA6
100.0%	100.0% #7765B9	RGB 119 101 185	#7765B9

#393E47 #43445A #4D4B6D #585180 #625893 #6C5EA6 #7765B9

#393E47 - #7765B9

HSVブレンド

#393E47 - #7765B9 | colorate

HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#393E47を0%、#7765B9を100%として二色間の色を展開します。

0.0%	0.0% #393E47	RGB 57 62 71	#393E47
16.7%	16.7% #444A5A	RGB 68 74 90	#444A5A
33.3%	33.3% #4E536D	RGB 78 83 109	#4E536D
50.0%	50.0% #565980	RGB 86 89 128	#565980
66.7%	66.7% #5E5C93	RGB 94 92 147	#5E5C93
83.3%	83.3% #6961A6	RGB 105 97 166	#6961A6
100.0%	100.0% #7765B9	RGB 119 101 185	#7765B9

#393E47 #444A5A #4E536D #565980 #5E5C93 #6961A6 #7765B9

#393E47 - #565980 - #7765B9

CSSコード

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #393E47 0%, #7765B9 100%);
    background: -webkit-linear-gradient(top, #393E47 0%, #7765B9 100%);
    background: linear-gradient(to bottom, #393E47 0%, #7765B9 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #393E47 0%, #565980 50%, #7765B9 100%);
    background: -webkit-linear-gradient(top, #393E47 0%, #565980 50%, #7765B9 100%);
    background: linear-gradient(to bottom, #393E47 0%, #565980 50%, #7765B9 100%);
}
</style>