#909095 - #A097AE | colorate

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

Blend #909095 to #A097AE

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

RGBブレンド

#909095 - #A097AE | colorate

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

0.0%	0.0% #909095	RGB 144 144 149	#909095
16.7%	16.7% #929199	RGB 146 145 153	#929199
33.3%	33.3% #95929D	RGB 149 146 157	#95929D
50.0%	50.0% #9893A1	RGB 152 147 161	#9893A1
66.7%	66.7% #9A94A5	RGB 154 148 165	#9A94A5
83.3%	83.3% #9D95A9	RGB 157 149 169	#9D95A9
100.0%	100.0% #A097AE	RGB 160 151 174	#A097AE

#909095 #929199 #95929D #9893A1 #9A94A5 #9D95A9 #A097AE

#909095 - #A097AE

HSVブレンド

#909095 - #A097AE | colorate

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

0.0%	0.0% #909095	RGB 144 144 149	#909095
16.7%	16.7% #929199	RGB 146 145 153	#929199
33.3%	33.3% #94929D	RGB 148 146 157	#94929D
50.0%	50.0% #9694A1	RGB 150 148 161	#9694A1
66.7%	66.7% #9995A5	RGB 153 149 165	#9995A5
83.3%	83.3% #9C96A9	RGB 156 150 169	#9C96A9
100.0%	100.0% #A097AE	RGB 160 151 174	#A097AE

#909095 #929199 #94929D #9694A1 #9995A5 #9C96A9 #A097AE

#909095 - #9694A1 - #A097AE

CSSコード

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

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