#5E2DFF - #A999FF | colorate

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

Blend #5E2DFF to #A999FF

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

RGBブレンド

#5E2DFF - #A999FF | colorate

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

0.0%	0.0% #5E2DFF	RGB 94 45 255	#5E2DFF
16.7%	16.7% #6A3FFF	RGB 106 63 255	#6A3FFF
33.3%	33.3% #7751FF	RGB 119 81 255	#7751FF
50.0%	50.0% #8363FF	RGB 131 99 255	#8363FF
66.7%	66.7% #9075FF	RGB 144 117 255	#9075FF
83.3%	83.3% #9C87FF	RGB 156 135 255	#9C87FF
100.0%	100.0% #A999FF	RGB 169 153 255	#A999FF

#5E2DFF #6A3FFF #7751FF #8363FF #9075FF #9C87FF #A999FF

#5E2DFF - #A999FF

HSVブレンド

#5E2DFF - #A999FF | colorate

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

0.0%	0.0% #5E2CFF	RGB 94 44 255	#5E2CFF
16.7%	16.7% #693EFF	RGB 105 62 255	#693EFF
33.3%	33.3% #7550FF	RGB 117 80 255	#7550FF
50.0%	50.0% #8163FF	RGB 129 99 255	#8163FF
66.7%	66.7% #8E75FF	RGB 142 117 255	#8E75FF
83.3%	83.3% #9B87FF	RGB 155 135 255	#9B87FF
100.0%	100.0% #A999FF	RGB 169 153 255	#A999FF

#5E2CFF #693EFF #7550FF #8163FF #8E75FF #9B87FF #A999FF

#5E2DFF - #8163FF - #A999FF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2CFF 0%, #8163FF 50%, #A999FF 100%);
    background: -webkit-linear-gradient(top, #5E2CFF 0%, #8163FF 50%, #A999FF 100%);
    background: linear-gradient(to bottom, #5E2CFF 0%, #8163FF 50%, #A999FF 100%);
}
</style>