#A45BFF - #FF74FC | colorate

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

Blend #A45BFF to #FF74FC

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

RGBブレンド

#A45BFF - #FF74FC | colorate

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

0.0%	0.0% #A45BFF	RGB 164 91 255	#A45BFF
16.7%	16.7% #B35FFE	RGB 179 95 254	#B35FFE
33.3%	33.3% #C263FE	RGB 194 99 254	#C263FE
50.0%	50.0% #D167FD	RGB 209 103 253	#D167FD
66.7%	66.7% #E06BFD	RGB 224 107 253	#E06BFD
83.3%	83.3% #EF6FFC	RGB 239 111 252	#EF6FFC
100.0%	100.0% #FF74FC	RGB 255 116 252	#FF74FC

#A45BFF #B35FFE #C263FE #D167FD #E06BFD #EF6FFC #FF74FC

#A45BFF - #FF74FC

HSVブレンド

#A45BFF - #FF74FC | colorate

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

0.0%	0.0% #A45BFF	RGB 164 91 255	#A45BFF
16.7%	16.7% #B55FFF	RGB 181 95 255	#B55FFF
33.3%	33.3% #C663FF	RGB 198 99 255	#C663FF
50.0%	50.0% #D667FF	RGB 214 103 255	#D667FF
66.7%	66.7% #E56BFF	RGB 229 107 255	#E56BFF
83.3%	83.3% #F46FFF	RGB 244 111 255	#F46FFF
100.0%	100.0% #FF74FC	RGB 255 116 252	#FF74FC

#A45BFF #B55FFF #C663FF #D667FF #E56BFF #F46FFF #FF74FC

#A45BFF - #D667FF - #FF74FC

CSSコード

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

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