#956DB1 - #361F5E | colorate

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

Blend #956DB1 to #361F5E

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

RGBブレンド

#956DB1 - #361F5E | colorate

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

0.0%	0.0% #956DB1	RGB 149 109 177	#956DB1
16.7%	16.7% #8560A3	RGB 133 96 163	#8560A3
33.3%	33.3% #755395	RGB 117 83 149	#755395
50.0%	50.0% #654687	RGB 101 70 135	#654687
66.7%	66.7% #553979	RGB 85 57 121	#553979
83.3%	83.3% #452C6B	RGB 69 44 107	#452C6B
100.0%	100.0% #361F5E	RGB 54 31 94	#361F5E

#956DB1 #8560A3 #755395 #654687 #553979 #452C6B #361F5E

#956DB1 - #361F5E

HSVブレンド

#956DB1 - #361F5E | colorate

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

0.0%	0.0% #956DB1	RGB 149 109 177	#956DB1
16.7%	16.7% #835CA3	RGB 131 92 163	#835CA3
33.3%	33.3% #724D95	RGB 114 77 149	#724D95
50.0%	50.0% #624087	RGB 98 64 135	#624087
66.7%	66.7% #523379	RGB 82 51 121	#523379
83.3%	83.3% #43286B	RGB 67 40 107	#43286B
100.0%	100.0% #361F5E	RGB 54 31 94	#361F5E

#956DB1 #835CA3 #724D95 #624087 #523379 #43286B #361F5E

#956DB1 - #624087 - #361F5E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #956DB1 0%, #624087 50%, #361F5E 100%);
    background: -webkit-linear-gradient(top, #956DB1 0%, #624087 50%, #361F5E 100%);
    background: linear-gradient(to bottom, #956DB1 0%, #624087 50%, #361F5E 100%);
}
</style>