#3E595E - #8C85CF | colorate

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

Blend #3E595E to #8C85CF

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

RGBブレンド

#3E595E - #8C85CF | colorate

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

0.0%	0.0% #3E595E	RGB 62 89 94	#3E595E
16.7%	16.7% #4B6070	RGB 75 96 112	#4B6070
33.3%	33.3% #586783	RGB 88 103 131	#586783
50.0%	50.0% #656F96	RGB 101 111 150	#656F96
66.7%	66.7% #7276A9	RGB 114 118 169	#7276A9
83.3%	83.3% #7F7DBC	RGB 127 125 188	#7F7DBC
100.0%	100.0% #8C85CF	RGB 140 133 207	#8C85CF

#3E595E #4B6070 #586783 #656F96 #7276A9 #7F7DBC #8C85CF

#3E595E - #8C85CF

HSVブレンド

#3E595E - #8C85CF | colorate

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

0.0%	0.0% #3E595E	RGB 62 89 94	#3E595E
16.7%	16.7% #4A6470	RGB 74 100 112	#4A6470
33.3%	33.3% #566E83	RGB 86 110 131	#566E83
50.0%	50.0% #617596	RGB 97 117 150	#617596
66.7%	66.7% #6D7AA9	RGB 109 122 169	#6D7AA9
83.3%	83.3% #797DBC	RGB 121 125 188	#797DBC
100.0%	100.0% #8C85CF	RGB 140 133 207	#8C85CF

#3E595E #4A6470 #566E83 #617596 #6D7AA9 #797DBC #8C85CF

#3E595E - #617596 - #8C85CF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E595E 0%, #617596 50%, #8C85CF 100%);
    background: -webkit-linear-gradient(top, #3E595E 0%, #617596 50%, #8C85CF 100%);
    background: linear-gradient(to bottom, #3E595E 0%, #617596 50%, #8C85CF 100%);
}
</style>