#9A9298 - #FFB1D1 | colorate

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

Blend #9A9298 to #FFB1D1

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

RGBブレンド

#9A9298 - #FFB1D1 | colorate

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

0.0%	0.0% #9A9298	RGB 154 146 152	#9A9298
16.7%	16.7% #AA97A1	RGB 170 151 161	#AA97A1
33.3%	33.3% #BB9CAB	RGB 187 156 171	#BB9CAB
50.0%	50.0% #CCA1B4	RGB 204 161 180	#CCA1B4
66.7%	66.7% #DDA6BE	RGB 221 166 190	#DDA6BE
83.3%	83.3% #EEABC7	RGB 238 171 199	#EEABC7
100.0%	100.0% #FFB1D1	RGB 255 177 209	#FFB1D1

#9A9298 #AA97A1 #BB9CAB #CCA1B4 #DDA6BE #EEABC7 #FFB1D1

#9A9298 - #FFB1D1

HSVブレンド

#9A9298 - #FFB1D1 | colorate

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

0.0%	0.0% #9A9298	RGB 154 146 152	#9A9298
16.7%	16.7% #AA9AA5	RGB 170 154 165	#AA9AA5
33.3%	33.3% #BBA2B2	RGB 187 162 178	#BBA2B2
50.0%	50.0% #CCA7BD	RGB 204 167 189	#CCA7BD
66.7%	66.7% #DDACC6	RGB 221 172 198	#DDACC6
83.3%	83.3% #EEAFCC	RGB 238 175 204	#EEAFCC
100.0%	100.0% #FFB1D1	RGB 255 177 209	#FFB1D1

#9A9298 #AA9AA5 #BBA2B2 #CCA7BD #DDACC6 #EEAFCC #FFB1D1

#9A9298 - #CCA7BD - #FFB1D1

CSSコード

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

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