#868985 - #94B1FF | colorate

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

Blend #868985 to #94B1FF

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

RGBブレンド

#868985 - #94B1FF | colorate

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

0.0%	0.0% #868985	RGB 134 137 133	#868985
16.7%	16.7% #888F99	RGB 136 143 153	#888F99
33.3%	33.3% #8A96AD	RGB 138 150 173	#8A96AD
50.0%	50.0% #8D9DC2	RGB 141 157 194	#8D9DC2
66.7%	66.7% #8FA3D6	RGB 143 163 214	#8FA3D6
83.3%	83.3% #91AAEA	RGB 145 170 234	#91AAEA
100.0%	100.0% #94B1FF	RGB 148 177 255	#94B1FF

#868985 #888F99 #8A96AD #8D9DC2 #8FA3D6 #91AAEA #94B1FF

#868985 - #94B1FF

HSVブレンド

#868985 - #94B1FF | colorate

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

0.0%	0.0% #868985	RGB 134 137 133	#868985
16.7%	16.7% #8D9C8F	RGB 141 156 143	#8D9C8F
33.3%	33.3% #94B09F	RGB 148 176 159	#94B09F
50.0%	50.0% #98C4B8	RGB 152 196 184	#98C4B8
66.7%	66.7% #99D3D7	RGB 153 211 215	#99D3D7
83.3%	83.3% #97CAEB	RGB 151 202 235	#97CAEB
100.0%	100.0% #94B1FF	RGB 148 177 255	#94B1FF

#868985 #8D9C8F #94B09F #98C4B8 #99D3D7 #97CAEB #94B1FF

#868985 - #98C4B8 - #94B1FF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #868985 0%, #98C4B8 50%, #94B1FF 100%);
    background: -webkit-linear-gradient(top, #868985 0%, #98C4B8 50%, #94B1FF 100%);
    background: linear-gradient(to bottom, #868985 0%, #98C4B8 50%, #94B1FF 100%);
}
</style>