#BCBD5E - #EBECD1 | colorate

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

Blend #BCBD5E to #EBECD1

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

RGBブレンド

#BCBD5E - #EBECD1 | colorate

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

0.0%	0.0% #BCBD5E	RGB 188 189 94	#BCBD5E
16.7%	16.7% #C3C471	RGB 195 196 113	#C3C471
33.3%	33.3% #CBCC84	RGB 203 204 132	#CBCC84
50.0%	50.0% #D3D497	RGB 211 212 151	#D3D497
66.7%	66.7% #DBDCAA	RGB 219 220 170	#DBDCAA
83.3%	83.3% #E3E4BD	RGB 227 228 189	#E3E4BD
100.0%	100.0% #EBECD1	RGB 235 236 209	#EBECD1

#BCBD5E #C3C471 #CBCC84 #D3D497 #DBDCAA #E3E4BD #EBECD1

#BCBD5E - #EBECD1

HSVブレンド

#BCBD5E - #EBECD1 | colorate

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

0.0%	0.0% #BCBD5E	RGB 188 189 94	#BCBD5E
16.7%	16.7% #C3C46E	RGB 195 196 110	#C3C46E
33.3%	33.3% #CBCC80	RGB 203 204 128	#CBCC80
50.0%	50.0% #D2D492	RGB 210 212 146	#D2D492
66.7%	66.7% #DADCA6	RGB 218 220 166	#DADCA6
83.3%	83.3% #E2E4BB	RGB 226 228 187	#E2E4BB
100.0%	100.0% #EBECD1	RGB 235 236 209	#EBECD1

#BCBD5E #C3C46E #CBCC80 #D2D492 #DADCA6 #E2E4BB #EBECD1

#BCBD5E - #D2D492 - #EBECD1

CSSコード

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

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