#BBCAB6 - #EEE9C2 | colorate

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

Blend #BBCAB6 to #EEE9C2

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

RGBブレンド

#BBCAB6 - #EEE9C2 | colorate

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

0.0%	0.0% #BBCAB6	RGB 187 202 182	#BBCAB6
16.7%	16.7% #C3CFB8	RGB 195 207 184	#C3CFB8
33.3%	33.3% #CCD4BA	RGB 204 212 186	#CCD4BA
50.0%	50.0% #D4D9BC	RGB 212 217 188	#D4D9BC
66.7%	66.7% #DDDEBE	RGB 221 222 190	#DDDEBE
83.3%	83.3% #E5E3C0	RGB 229 227 192	#E5E3C0
100.0%	100.0% #EEE9C2	RGB 238 233 194	#EEE9C2

#BBCAB6 #C3CFB8 #CCD4BA #D4D9BC #DDDEBE #E5E3C0 #EEE9C2

#BBCAB6 - #EEE9C2

HSVブレンド

#BBCAB6 - #EEE9C2 | colorate

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

0.0%	0.0% #BBCAB6	RGB 187 202 182	#BBCAB6
16.7%	16.7% #C1D0B8	RGB 193 208 184	#C1D0B8
33.3%	33.3% #C9D6BA	RGB 201 214 186	#C9D6BA
50.0%	50.0% #D2DCBC	RGB 210 220 188	#D2DCBC
66.7%	66.7% #DBE2BE	RGB 219 226 190	#DBE2BE
83.3%	83.3% #E6E8C0	RGB 230 232 192	#E6E8C0
100.0%	100.0% #EEE9C2	RGB 238 233 194	#EEE9C2

#BBCAB6 #C1D0B8 #C9D6BA #D2DCBC #DBE2BE #E6E8C0 #EEE9C2

#BBCAB6 - #D2DCBC - #EEE9C2

CSSコード

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

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