#2932FF - #8D31FF | colorate

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

Blend #2932FF to #8D31FF

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

RGBブレンド

#2932FF - #8D31FF | colorate

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

0.0%	0.0% #2932FF	RGB 41 50 255	#2932FF
16.7%	16.7% #3931FF	RGB 57 49 255	#3931FF
33.3%	33.3% #4A31FF	RGB 74 49 255	#4A31FF
50.0%	50.0% #5B31FF	RGB 91 49 255	#5B31FF
66.7%	66.7% #6B31FF	RGB 107 49 255	#6B31FF
83.3%	83.3% #7C31FF	RGB 124 49 255	#7C31FF
100.0%	100.0% #8D31FF	RGB 141 49 255	#8D31FF

#2932FF #3931FF #4A31FF #5B31FF #6B31FF #7C31FF #8D31FF

#2932FF - #8D31FF

HSVブレンド

#2932FF - #8D31FF | colorate

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

0.0%	0.0% #2832FF	RGB 40 50 255	#2832FF
16.7%	16.7% #322AFF	RGB 50 42 255	#322AFF
33.3%	33.3% #452BFF	RGB 69 43 255	#452BFF
50.0%	50.0% #572DFF	RGB 87 45 255	#572DFF
66.7%	66.7% #692EFF	RGB 105 46 255	#692EFF
83.3%	83.3% #7B2FFF	RGB 123 47 255	#7B2FFF
100.0%	100.0% #8D31FF	RGB 141 49 255	#8D31FF

#2832FF #322AFF #452BFF #572DFF #692EFF #7B2FFF #8D31FF

#2932FF - #572DFF - #8D31FF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2832FF 0%, #572DFF 50%, #8D31FF 100%);
    background: -webkit-linear-gradient(top, #2832FF 0%, #572DFF 50%, #8D31FF 100%);
    background: linear-gradient(to bottom, #2832FF 0%, #572DFF 50%, #8D31FF 100%);
}
</style>