#FF9EFE - #D912CA | colorate

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

Blend #FF9EFE to #D912CA

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

RGBブレンド

#FF9EFE - #D912CA | colorate

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

0.0%	0.0% #FF9EFE	RGB 255 158 254	#FF9EFE
16.7%	16.7% #F886F5	RGB 248 134 245	#F886F5
33.3%	33.3% #F26FEC	RGB 242 111 236	#F26FEC
50.0%	50.0% #EC58E4	RGB 236 88 228	#EC58E4
66.7%	66.7% #E540DB	RGB 229 64 219	#E540DB
83.3%	83.3% #DF29D2	RGB 223 41 210	#DF29D2
100.0%	100.0% #D912CA	RGB 217 18 202	#D912CA

#FF9EFE #F886F5 #F26FEC #EC58E4 #E540DB #DF29D2 #D912CA

#FF9EFE - #D912CA

HSVブレンド

#FF9EFE - #D912CA | colorate

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

0.0%	0.0% #FF9EFE	RGB 255 158 254	#FF9EFE
16.7%	16.7% #F883F6	RGB 248 131 246	#F883F6
33.3%	33.3% #F26AED	RGB 242 106 237	#F26AED
50.0%	50.0% #EC52E5	RGB 236 82 229	#EC52E5
66.7%	66.7% #E53CDC	RGB 229 60 220	#E53CDC
83.3%	83.3% #DF26D3	RGB 223 38 211	#DF26D3
100.0%	100.0% #D912CA	RGB 217 18 202	#D912CA

#FF9EFE #F883F6 #F26AED #EC52E5 #E53CDC #DF26D3 #D912CA

#FF9EFE - #EC52E5 - #D912CA

CSSコード

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

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