#979299 - #A1B1CE | colorate

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

Blend #979299 to #A1B1CE

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

RGBブレンド

#979299 - #A1B1CE | colorate

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

0.0%	0.0% #979299	RGB 151 146 153	#979299
16.7%	16.7% #9897A1	RGB 152 151 161	#9897A1
33.3%	33.3% #9A9CAA	RGB 154 156 170	#9A9CAA
50.0%	50.0% #9CA1B3	RGB 156 161 179	#9CA1B3
66.7%	66.7% #9DA6BC	RGB 157 166 188	#9DA6BC
83.3%	83.3% #9FABC5	RGB 159 171 197	#9FABC5
100.0%	100.0% #A1B1CE	RGB 161 177 206	#A1B1CE

#979299 #9897A1 #9A9CAA #9CA1B3 #9DA6BC #9FABC5 #A1B1CE

#979299 - #A1B1CE

HSVブレンド

#979299 - #A1B1CE | colorate

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

0.0%	0.0% #979299	RGB 151 146 153	#979299
16.7%	16.7% #9C95A1	RGB 156 149 161	#9C95A1
33.3%	33.3% #9F99AA	RGB 159 153 170	#9F99AA
50.0%	50.0% #A09BB3	RGB 160 155 179	#A09BB3
66.7%	66.7% #9E9EBC	RGB 158 158 188	#9E9EBC
83.3%	83.3% #9FA6C5	RGB 159 166 197	#9FA6C5
100.0%	100.0% #A1B1CE	RGB 161 177 206	#A1B1CE

#979299 #9C95A1 #9F99AA #A09BB3 #9E9EBC #9FA6C5 #A1B1CE

#979299 - #A09BB3 - #A1B1CE

CSSコード

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

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