#DFB5DF - #BDCDFC | colorate

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

Blend #DFB5DF to #BDCDFC

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

RGBブレンド

#DFB5DF - #BDCDFC | colorate

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

0.0%	0.0% #DFB5DF	RGB 223 181 223	#DFB5DF
16.7%	16.7% #D9B9E3	RGB 217 185 227	#D9B9E3
33.3%	33.3% #D3BDE8	RGB 211 189 232	#D3BDE8
50.0%	50.0% #CEC1ED	RGB 206 193 237	#CEC1ED
66.7%	66.7% #C8C5F2	RGB 200 197 242	#C8C5F2
83.3%	83.3% #C2C9F7	RGB 194 201 247	#C2C9F7
100.0%	100.0% #BDCDFC	RGB 189 205 252	#BDCDFC

#DFB5DF #D9B9E3 #D3BDE8 #CEC1ED #C8C5F2 #C2C9F7 #BDCDFC

#DFB5DF - #BDCDFC

HSVブレンド

#DFB5DF - #BDCDFC | colorate

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

0.0%	0.0% #DFB5DF	RGB 223 181 223	#DFB5DF
16.7%	16.7% #DAB6E3	RGB 218 182 227	#DAB6E3
33.3%	33.3% #D4B8E8	RGB 212 184 232	#D4B8E8
50.0%	50.0% #CCB9ED	RGB 204 185 237	#CCB9ED
66.7%	66.7% #C3BAF2	RGB 195 186 242	#C3BAF2
83.3%	83.3% #BBBEF7	RGB 187 190 247	#BBBEF7
100.0%	100.0% #BDCDFC	RGB 189 205 252	#BDCDFC

#DFB5DF #DAB6E3 #D4B8E8 #CCB9ED #C3BAF2 #BBBEF7 #BDCDFC

#DFB5DF - #CCB9ED - #BDCDFC

CSSコード

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

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