#8E0258 - #CA3AFB | colorate

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

Blend #8E0258 to #CA3AFB

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

RGBブレンド

#8E0258 - #CA3AFB | colorate

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

0.0%	0.0% #8E0258	RGB 142 2 88	#8E0258
16.7%	16.7% #980B73	RGB 152 11 115	#980B73
33.3%	33.3% #A2148E	RGB 162 20 142	#A2148E
50.0%	50.0% #AC1EA9	RGB 172 30 169	#AC1EA9
66.7%	66.7% #B627C4	RGB 182 39 196	#B627C4
83.3%	83.3% #C030DF	RGB 192 48 223	#C030DF
100.0%	100.0% #CA3AFB	RGB 202 58 251	#CA3AFB

#8E0258 #980B73 #A2148E #AC1EA9 #B627C4 #C030DF #CA3AFB

#8E0258 - #CA3AFB

HSVブレンド

#8E0258 - #CA3AFB | colorate

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

0.0%	0.0% #8E0257	RGB 142 2 87	#8E0257
16.7%	16.7% #A00875	RGB 160 8 117	#A00875
33.3%	33.3% #B20F96	RGB 178 15 150	#B20F96
50.0%	50.0% #C418B9	RGB 196 24 185	#C418B9
66.7%	66.7% #CF22D6	RGB 207 34 214	#CF22D6
83.3%	83.3% #CD2DE8	RGB 205 45 232	#CD2DE8
100.0%	100.0% #CA3AFB	RGB 202 58 251	#CA3AFB

#8E0257 #A00875 #B20F96 #C418B9 #CF22D6 #CD2DE8 #CA3AFB

#8E0258 - #C418B9 - #CA3AFB

CSSコード

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

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