#808588 - #A3A7F7 | colorate

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

Blend #808588 to #A3A7F7

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

RGBブレンド

#808588 - #A3A7F7 | colorate

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

0.0%	0.0% #808588	RGB 128 133 136	#808588
16.7%	16.7% #858A9A	RGB 133 138 154	#858A9A
33.3%	33.3% #8B90AD	RGB 139 144 173	#8B90AD
50.0%	50.0% #9196BF	RGB 145 150 191	#9196BF
66.7%	66.7% #979BD2	RGB 151 155 210	#979BD2
83.3%	83.3% #9DA1E4	RGB 157 161 228	#9DA1E4
100.0%	100.0% #A3A7F7	RGB 163 167 247	#A3A7F7

#808588 #858A9A #8B90AD #9196BF #979BD2 #9DA1E4 #A3A7F7

#808588 - #A3A7F7

HSVブレンド

#808588 - #A3A7F7 | colorate

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

0.0%	0.0% #808588	RGB 128 133 136	#808588
16.7%	16.7% #8A929A	RGB 138 146 154	#8A929A
33.3%	33.3% #929EAD	RGB 146 158 173	#929EAD
50.0%	50.0% #99A6BF	RGB 153 166 191	#99A6BF
66.7%	66.7% #9EAAD2	RGB 158 170 210	#9EAAD2
83.3%	83.3% #A1ABE4	RGB 161 171 228	#A1ABE4
100.0%	100.0% #A3A7F7	RGB 163 167 247	#A3A7F7

#808588 #8A929A #929EAD #99A6BF #9EAAD2 #A1ABE4 #A3A7F7

#808588 - #99A6BF - #A3A7F7

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #808588 0%, #99A6BF 50%, #A3A7F7 100%);
    background: -webkit-linear-gradient(top, #808588 0%, #99A6BF 50%, #A3A7F7 100%);
    background: linear-gradient(to bottom, #808588 0%, #99A6BF 50%, #A3A7F7 100%);
}
</style>