#8B9189 - #DECF9E | colorate

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

Blend #8B9189 to #DECF9E

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

RGBブレンド

#8B9189 - #DECF9E | colorate

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

0.0%	0.0% #8B9189	RGB 139 145 137	#8B9189
16.7%	16.7% #989B8C	RGB 152 155 140	#989B8C
33.3%	33.3% #A6A590	RGB 166 165 144	#A6A590
50.0%	50.0% #B4B093	RGB 180 176 147	#B4B093
66.7%	66.7% #C2BA97	RGB 194 186 151	#C2BA97
83.3%	83.3% #D0C49A	RGB 208 196 154	#D0C49A
100.0%	100.0% #DECF9E	RGB 222 207 158	#DECF9E

#8B9189 #989B8C #A6A590 #B4B093 #C2BA97 #D0C49A #DECF9E

#8B9189 - #DECF9E

HSVブレンド

#8B9189 - #DECF9E | colorate

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

0.0%	0.0% #8B9189	RGB 139 145 137	#8B9189
16.7%	16.7% #959D8E	RGB 149 157 142	#959D8E
33.3%	33.3% #A1AA93	RGB 161 170 147	#A1AA93
50.0%	50.0% #AFB797	RGB 175 183 151	#AFB797
66.7%	66.7% #C0C49A	RGB 192 196 154	#C0C49A
83.3%	83.3% #D1CD9C	RGB 209 205 156	#D1CD9C
100.0%	100.0% #DECF9E	RGB 222 207 158	#DECF9E

#8B9189 #959D8E #A1AA93 #AFB797 #C0C49A #D1CD9C #DECF9E

#8B9189 - #AFB797 - #DECF9E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B9189 0%, #AFB797 50%, #DECF9E 100%);
    background: -webkit-linear-gradient(top, #8B9189 0%, #AFB797 50%, #DECF9E 100%);
    background: linear-gradient(to bottom, #8B9189 0%, #AFB797 50%, #DECF9E 100%);
}
</style>