#DBA5FF - #852ECE | colorate

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

Blend #DBA5FF to #852ECE

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

RGBブレンド

#DBA5FF - #852ECE | colorate

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

0.0%	0.0% #DBA5FF	RGB 219 165 255	#DBA5FF
16.7%	16.7% #CC91F6	RGB 204 145 246	#CC91F6
33.3%	33.3% #BE7DEE	RGB 190 125 238	#BE7DEE
50.0%	50.0% #B069E6	RGB 176 105 230	#B069E6
66.7%	66.7% #A155DE	RGB 161 85 222	#A155DE
83.3%	83.3% #9341D6	RGB 147 65 214	#9341D6
100.0%	100.0% #852ECE	RGB 133 46 206	#852ECE

#DBA5FF #CC91F6 #BE7DEE #B069E6 #A155DE #9341D6 #852ECE

#DBA5FF - #852ECE

HSVブレンド

#DBA5FF - #852ECE | colorate

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

0.0%	0.0% #DBA5FF	RGB 219 165 255	#DBA5FF
16.7%	16.7% #CC8EF6	RGB 204 142 246	#CC8EF6
33.3%	33.3% #BD78EE	RGB 189 120 238	#BD78EE
50.0%	50.0% #AE64E6	RGB 174 100 230	#AE64E6
66.7%	66.7% #A051DE	RGB 160 81 222	#A051DE
83.3%	83.3% #923ED6	RGB 146 62 214	#923ED6
100.0%	100.0% #852ECE	RGB 133 46 206	#852ECE

#DBA5FF #CC8EF6 #BD78EE #AE64E6 #A051DE #923ED6 #852ECE

#DBA5FF - #AE64E6 - #852ECE

CSSコード

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

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