#B588FF - #5E0ECB | colorate

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

Blend #B588FF to #5E0ECB

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

RGBブレンド

#B588FF - #5E0ECB | colorate

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

0.0%	0.0% #B588FF	RGB 181 136 255	#B588FF
16.7%	16.7% #A673F6	RGB 166 115 246	#A673F6
33.3%	33.3% #985FED	RGB 152 95 237	#985FED
50.0%	50.0% #894BE5	RGB 137 75 229	#894BE5
66.7%	66.7% #7B36DC	RGB 123 54 220	#7B36DC
83.3%	83.3% #6C22D3	RGB 108 34 211	#6C22D3
100.0%	100.0% #5E0ECB	RGB 94 14 203	#5E0ECB

#B588FF #A673F6 #985FED #894BE5 #7B36DC #6C22D3 #5E0ECB

#B588FF - #5E0ECB

HSVブレンド

#B588FF - #5E0ECB | colorate

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

0.0%	0.0% #B488FF	RGB 180 136 255	#B488FF
16.7%	16.7% #A470F6	RGB 164 112 246	#A470F6
33.3%	33.3% #9459ED	RGB 148 89 237	#9459ED
50.0%	50.0% #8544E5	RGB 133 68 229	#8544E5
66.7%	66.7% #7731DC	RGB 119 49 220	#7731DC
83.3%	83.3% #6A1ED3	RGB 106 30 211	#6A1ED3
100.0%	100.0% #5E0ECB	RGB 94 14 203	#5E0ECB

#B488FF #A470F6 #9459ED #8544E5 #7731DC #6A1ED3 #5E0ECB

#B588FF - #8544E5 - #5E0ECB

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B488FF 0%, #8544E5 50%, #5E0ECB 100%);
    background: -webkit-linear-gradient(top, #B488FF 0%, #8544E5 50%, #5E0ECB 100%);
    background: linear-gradient(to bottom, #B488FF 0%, #8544E5 50%, #5E0ECB 100%);
}
</style>