#904E7D - #FC6AE2 | colorate

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

Blend #904E7D to #FC6AE2

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

RGBブレンド

#904E7D - #FC6AE2 | colorate

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

0.0%	0.0% #904E7D	RGB 144 78 125	#904E7D
16.7%	16.7% #A2528D	RGB 162 82 141	#A2528D
33.3%	33.3% #B4579E	RGB 180 87 158	#B4579E
50.0%	50.0% #C65CAF	RGB 198 92 175	#C65CAF
66.7%	66.7% #D860C0	RGB 216 96 192	#D860C0
83.3%	83.3% #EA65D1	RGB 234 101 209	#EA65D1
100.0%	100.0% #FC6AE2	RGB 252 106 226	#FC6AE2

#904E7D #A2528D #B4579E #C65CAF #D860C0 #EA65D1 #FC6AE2

#904E7D - #FC6AE2

HSVブレンド

#904E7D - #FC6AE2 | colorate

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

0.0%	0.0% #904E7D	RGB 144 78 125	#904E7D
16.7%	16.7% #A2548D	RGB 162 84 141	#A2548D
33.3%	33.3% #B45A9D	RGB 180 90 157	#B45A9D
50.0%	50.0% #C65FAE	RGB 198 95 174	#C65FAE
66.7%	66.7% #D863BF	RGB 216 99 191	#D863BF
83.3%	83.3% #EA67D0	RGB 234 103 208	#EA67D0
100.0%	100.0% #FC6AE2	RGB 252 106 226	#FC6AE2

#904E7D #A2548D #B45A9D #C65FAE #D863BF #EA67D0 #FC6AE2

#904E7D - #C65FAE - #FC6AE2

CSSコード

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

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