#9A9297 - #FFB1BF | colorate

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

Blend #9A9297 to #FFB1BF

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

RGBブレンド

#9A9297 - #FFB1BF | colorate

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

0.0%	0.0% #9A9297	RGB 154 146 151	#9A9297
16.7%	16.7% #AA979D	RGB 170 151 157	#AA979D
33.3%	33.3% #BB9CA4	RGB 187 156 164	#BB9CA4
50.0%	50.0% #CCA1AB	RGB 204 161 171	#CCA1AB
66.7%	66.7% #DDA6B1	RGB 221 166 177	#DDA6B1
83.3%	83.3% #EEABB8	RGB 238 171 184	#EEABB8
100.0%	100.0% #FFB1BF	RGB 255 177 191	#FFB1BF

#9A9297 #AA979D #BB9CA4 #CCA1AB #DDA6B1 #EEABB8 #FFB1BF

#9A9297 - #FFB1BF

HSVブレンド

#9A9297 - #FFB1BF | colorate

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

0.0%	0.0% #9A9297	RGB 154 146 151	#9A9297
16.7%	16.7% #AA9AA3	RGB 170 154 163	#AA9AA3
33.3%	33.3% #BBA2AE	RGB 187 162 174	#BBA2AE
50.0%	50.0% #CCA7B6	RGB 204 167 182	#CCA7B6
66.7%	66.7% #DDACBC	RGB 221 172 188	#DDACBC
83.3%	83.3% #EEAFBF	RGB 238 175 191	#EEAFBF
100.0%	100.0% #FFB1BF	RGB 255 177 191	#FFB1BF

#9A9297 #AA9AA3 #BBA2AE #CCA7B6 #DDACBC #EEAFBF #FFB1BF

#9A9297 - #CCA7B6 - #FFB1BF

CSSコード

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

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