#8729FF - #EF31FF | colorate

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

Blend #8729FF to #EF31FF

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

RGBブレンド

#8729FF - #EF31FF | colorate

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

0.0%	0.0% #8729FF	RGB 135 41 255	#8729FF
16.7%	16.7% #982AFF	RGB 152 42 255	#982AFF
33.3%	33.3% #A92BFF	RGB 169 43 255	#A92BFF
50.0%	50.0% #BB2DFF	RGB 187 45 255	#BB2DFF
66.7%	66.7% #CC2EFF	RGB 204 46 255	#CC2EFF
83.3%	83.3% #DD2FFF	RGB 221 47 255	#DD2FFF
100.0%	100.0% #EF31FF	RGB 239 49 255	#EF31FF

#8729FF #982AFF #A92BFF #BB2DFF #CC2EFF #DD2FFF #EF31FF

#8729FF - #EF31FF

HSVブレンド

#8729FF - #EF31FF | colorate

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

0.0%	0.0% #8628FF	RGB 134 40 255	#8628FF
16.7%	16.7% #982AFF	RGB 152 42 255	#982AFF
33.3%	33.3% #AA2BFF	RGB 170 43 255	#AA2BFF
50.0%	50.0% #BB2DFF	RGB 187 45 255	#BB2DFF
66.7%	66.7% #CD2EFF	RGB 205 46 255	#CD2EFF
83.3%	83.3% #DE2FFF	RGB 222 47 255	#DE2FFF
100.0%	100.0% #EF31FF	RGB 239 49 255	#EF31FF

#8628FF #982AFF #AA2BFF #BB2DFF #CD2EFF #DE2FFF #EF31FF

#8729FF - #BB2DFF - #EF31FF

CSSコード

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

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