#B5B9DC - #DCB5BA | colorate

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

Blend #B5B9DC to #DCB5BA

#B5B9DC #DCB5BA

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

RGBブレンド

#B5B9DC - #DCB5BA | colorate

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

0.0%	0.0% #B5B9DC	RGB 181 185 220	#B5B9DC
16.7%	16.7% #BBB8D6	RGB 187 184 214	#BBB8D6
33.3%	33.3% #C2B7D0	RGB 194 183 208	#C2B7D0
50.0%	50.0% #C8B7CB	RGB 200 183 203	#C8B7CB
66.7%	66.7% #CFB6C5	RGB 207 182 197	#CFB6C5
83.3%	83.3% #D5B5BF	RGB 213 181 191	#D5B5BF
100.0%	100.0% #DCB5BA	RGB 220 181 186	#DCB5BA

#B5B9DC #BBB8D6 #C2B7D0 #C8B7CB #CFB6C5 #D5B5BF #DCB5BA

#B5B9DC - #DCB5BA

HSVブレンド

#B5B9DC - #DCB5BA | colorate

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

0.0%	0.0% #B5B9DC	RGB 181 185 220	#B5B9DC
16.7%	16.7% #BDB5DC	RGB 189 181 220	#BDB5DC
33.3%	33.3% #CAB5DC	RGB 202 181 220	#CAB5DC
50.0%	50.0% #D7B5DC	RGB 215 181 220	#D7B5DC
66.7%	66.7% #DCB5D3	RGB 220 181 211	#DCB5D3
83.3%	83.3% #DCB5C6	RGB 220 181 198	#DCB5C6
100.0%	100.0% #DCB5BA	RGB 220 181 186	#DCB5BA

#B5B9DC #BDB5DC #CAB5DC #D7B5DC #DCB5D3 #DCB5C6 #DCB5BA

#B5B9DC - #D7B5DC - #DCB5BA

CSSコード

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

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