#8F1A79 - #A80D5C | colorate

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

Blend #8F1A79 to #A80D5C

#8F1A79 #A80D5C

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

RGBブレンド

#8F1A79 - #A80D5C | colorate

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

0.0%	0.0% #8F1A79	RGB 143 26 121	#8F1A79
16.7%	16.7% #931774	RGB 147 23 116	#931774
33.3%	33.3% #97156F	RGB 151 21 111	#97156F
50.0%	50.0% #9B136A	RGB 155 19 106	#9B136A
66.7%	66.7% #9F1165	RGB 159 17 101	#9F1165
83.3%	83.3% #A30F60	RGB 163 15 96	#A30F60
100.0%	100.0% #A80D5C	RGB 168 13 92	#A80D5C

#8F1A79 #931774 #97156F #9B136A #9F1165 #A30F60 #A80D5C

#8F1A79 - #A80D5C

HSVブレンド

#8F1A79 - #A80D5C | colorate

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

0.0%	0.0% #8F1A79	RGB 143 26 121	#8F1A79
16.7%	16.7% #931875	RGB 147 24 117	#931875
33.3%	33.3% #971672	RGB 151 22 114	#971672
50.0%	50.0% #9B146D	RGB 155 20 109	#9B146D
66.7%	66.7% #9F1168	RGB 159 17 104	#9F1168
83.3%	83.3% #A30F62	RGB 163 15 98	#A30F62
100.0%	100.0% #A80D5C	RGB 168 13 92	#A80D5C

#8F1A79 #931875 #971672 #9B146D #9F1168 #A30F62 #A80D5C

#8F1A79 - #9B146D - #A80D5C

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #8F1A79 0%, #9B146D 50%, #A80D5C 100%);
    background: -webkit-linear-gradient(top, #8F1A79 0%, #9B146D 50%, #A80D5C 100%);
    background: linear-gradient(to bottom, #8F1A79 0%, #9B146D 50%, #A80D5C 100%);
}
</style>