#94919A - #FFCFA0 | colorate

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

Blend #94919A to #FFCFA0

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

RGBブレンド

#94919A - #FFCFA0 | colorate

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

0.0%	0.0% #94919A	RGB 148 145 154	#94919A
16.7%	16.7% #A59B9B	RGB 165 155 155	#A59B9B
33.3%	33.3% #B7A59C	RGB 183 165 156	#B7A59C
50.0%	50.0% #C9B09D	RGB 201 176 157	#C9B09D
66.7%	66.7% #DBBA9E	RGB 219 186 158	#DBBA9E
83.3%	83.3% #EDC49F	RGB 237 196 159	#EDC49F
100.0%	100.0% #FFCFA0	RGB 255 207 160	#FFCFA0

#94919A #A59B9B #B7A59C #C9B09D #DBBA9E #EDC49F #FFCFA0

#94919A - #FFCFA0

HSVブレンド

#94919A - #FFCFA0 | colorate

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

0.0%	0.0% #94919A	RGB 148 145 154	#94919A
16.7%	16.7% #A597AA	RGB 165 151 170	#A597AA
33.3%	33.3% #BB9DBA	RGB 187 157 186	#BB9DBA
50.0%	50.0% #CCA0BA	RGB 204 160 186	#CCA0BA
66.7%	66.7% #DDA2AF	RGB 221 162 175	#DDA2AF
83.3%	83.3% #EEACA1	RGB 238 172 161	#EEACA1
100.0%	100.0% #FFCFA0	RGB 255 207 160	#FFCFA0

#94919A #A597AA #BB9DBA #CCA0BA #DDA2AF #EEACA1 #FFCFA0

#94919A - #CCA0BA - #FFCFA0

CSSコード

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

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