#5E5E75 - #AC86E6 | colorate

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

Blend #5E5E75 to #AC86E6

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

RGBブレンド

#5E5E75 - #AC86E6 | colorate

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

0.0%	0.0% #5E5E75	RGB 94 94 117	#5E5E75
16.7%	16.7% #6B6487	RGB 107 100 135	#6B6487
33.3%	33.3% #786B9A	RGB 120 107 154	#786B9A
50.0%	50.0% #8572AD	RGB 133 114 173	#8572AD
66.7%	66.7% #9278C0	RGB 146 120 192	#9278C0
83.3%	83.3% #9F7FD3	RGB 159 127 211	#9F7FD3
100.0%	100.0% #AC86E6	RGB 172 134 230	#AC86E6

#5E5E75 #6B6487 #786B9A #8572AD #9278C0 #9F7FD3 #AC86E6

#5E5E75 - #AC86E6

HSVブレンド

#5E5E75 - #AC86E6 | colorate

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

0.0%	0.0% #5E5E75	RGB 94 94 117	#5E5E75
16.7%	16.7% #6A6887	RGB 106 104 135	#6A6887
33.3%	33.3% #76709A	RGB 118 112 154	#76709A
50.0%	50.0% #8278AD	RGB 130 120 173	#8278AD
66.7%	66.7% #8F7EC0	RGB 143 126 192	#8F7EC0
83.3%	83.3% #9D82D3	RGB 157 130 211	#9D82D3
100.0%	100.0% #AC86E6	RGB 172 134 230	#AC86E6

#5E5E75 #6A6887 #76709A #8278AD #8F7EC0 #9D82D3 #AC86E6

#5E5E75 - #8278AD - #AC86E6

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E75 0%, #8278AD 50%, #AC86E6 100%);
    background: -webkit-linear-gradient(top, #5E5E75 0%, #8278AD 50%, #AC86E6 100%);
    background: linear-gradient(to bottom, #5E5E75 0%, #8278AD 50%, #AC86E6 100%);
}
</style>