#B4BEDA - #DAD0B4 | colorate

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

Blend #B4BEDA to #DAD0B4

#B4BEDA

#DAD0B4

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

RGBブレンド

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

0.0%	0.0% #B4BEDA	RGB 180 190 218	#B4BEDA
16.7%	16.7% #BAC1D4	RGB 186 193 212	#BAC1D4
33.3%	33.3% #C0C4CE	RGB 192 196 206	#C0C4CE
50.0%	50.0% #C7C7C7	RGB 199 199 199	#C7C7C7
66.7%	66.7% #CDCAC1	RGB 205 202 193	#CDCAC1
83.3%	83.3% #D3CDBB	RGB 211 205 187	#D3CDBB
100.0%	100.0% #DAD0B4	RGB 218 208 180	#DAD0B4

#B4BEDA #BAC1D4 #C0C4CE #C7C7C7 #CDCAC1 #D3CDBB #DAD0B4

#B4BEDA - #DAD0B4

HSVブレンド

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

0.0%	0.0% #B4BEDA	RGB 180 190 218	#B4BEDA
16.7%	16.7% #B4D1DA	RGB 180 209 218	#B4D1DA
33.3%	33.3% #B4DAD0	RGB 180 218 208	#B4DAD0
50.0%	50.0% #B4DABD	RGB 180 218 189	#B4DABD
66.7%	66.7% #BEDAB4	RGB 190 218 180	#BEDAB4
83.3%	83.3% #D1DAB4	RGB 209 218 180	#D1DAB4
100.0%	100.0% #DAD0B4	RGB 218 208 180	#DAD0B4

#B4BEDA #B4D1DA #B4DAD0 #B4DABD #BEDAB4 #D1DAB4 #DAD0B4

#B4BEDA - #B4DABD - #DAD0B4

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #B4BEDA 0%, #B4DABD 50%, #DAD0B4 100%);
    background: -webkit-linear-gradient(top, #B4BEDA 0%, #B4DABD 50%, #DAD0B4 100%);
    background: linear-gradient(to bottom, #B4BEDA 0%, #B4DABD 50%, #DAD0B4 100%); 
}
</style>