#909195 - #9798AE | colorate

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

Blend #909195 to #9798AE

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

RGBブレンド

#909195 - #9798AE | colorate

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

0.0%	0.0% #909195	RGB 144 145 149	#909195
16.7%	16.7% #919299	RGB 145 146 153	#919299
33.3%	33.3% #92939D	RGB 146 147 157	#92939D
50.0%	50.0% #9394A1	RGB 147 148 161	#9394A1
66.7%	66.7% #9495A5	RGB 148 149 165	#9495A5
83.3%	83.3% #9596A9	RGB 149 150 169	#9596A9
100.0%	100.0% #9798AE	RGB 151 152 174	#9798AE

#909195 #919299 #92939D #9394A1 #9495A5 #9596A9 #9798AE

#909195 - #9798AE

HSVブレンド

#909195 - #9798AE | colorate

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

0.0%	0.0% #909195	RGB 144 145 149	#909195
16.7%	16.7% #919299	RGB 145 146 153	#919299
33.3%	33.3% #92949D	RGB 146 148 157	#92949D
50.0%	50.0% #9495A1	RGB 148 149 161	#9495A1
66.7%	66.7% #9596A5	RGB 149 150 165	#9596A5
83.3%	83.3% #9697A9	RGB 150 151 169	#9697A9
100.0%	100.0% #9798AE	RGB 151 152 174	#9798AE

#909195 #919299 #92949D #9495A1 #9596A5 #9697A9 #9798AE

#909195 - #9495A1 - #9798AE

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #909195 0%, #9495A1 50%, #9798AE 100%);
    background: -webkit-linear-gradient(top, #909195 0%, #9495A1 50%, #9798AE 100%);
    background: linear-gradient(to bottom, #909195 0%, #9495A1 50%, #9798AE 100%);
}
</style>