#703F8F - #E28CA1 | colorate

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

Blend #703F8F to #E28CA1

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

RGBブレンド

#703F8F - #E28CA1 | colorate

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

0.0%	0.0% #703F8F	RGB 112 63 143	#703F8F
16.7%	16.7% #834B92	RGB 131 75 146	#834B92
33.3%	33.3% #965895	RGB 150 88 149	#965895
50.0%	50.0% #A96598	RGB 169 101 152	#A96598
66.7%	66.7% #BC729B	RGB 188 114 155	#BC729B
83.3%	83.3% #CF7F9E	RGB 207 127 158	#CF7F9E
100.0%	100.0% #E28CA1	RGB 226 140 161	#E28CA1

#703F8F #834B92 #965895 #A96598 #BC729B #CF7F9E #E28CA1

#703F8F - #E28CA1

HSVブレンド

#703F8F - #E28CA1 | colorate

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

0.0%	0.0% #703F8F	RGB 112 63 143	#703F8F
16.7%	16.7% #8C499C	RGB 140 73 156	#8C499C
33.3%	33.3% #AA55AA	RGB 170 85 170	#AA55AA
50.0%	50.0% #B861A8	RGB 184 97 168	#B861A8
66.7%	66.7% #C66FA5	RGB 198 111 165	#C66FA5
83.3%	83.3% #D47DA2	RGB 212 125 162	#D47DA2
100.0%	100.0% #E28CA1	RGB 226 140 161	#E28CA1

#703F8F #8C499C #AA55AA #B861A8 #C66FA5 #D47DA2 #E28CA1

#703F8F - #B861A8 - #E28CA1

CSSコード

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

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