#8F2E85 - #B9808C | colorate

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

Blend #8F2E85 to #B9808C

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

RGBブレンド

#8F2E85 - #B9808C | colorate

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

0.0%	0.0% #8F2E85	RGB 143 46 133	#8F2E85
16.7%	16.7% #963B86	RGB 150 59 134	#963B86
33.3%	33.3% #9D4987	RGB 157 73 135	#9D4987
50.0%	50.0% #A45788	RGB 164 87 136	#A45788
66.7%	66.7% #AB6489	RGB 171 100 137	#AB6489
83.3%	83.3% #B2728A	RGB 178 114 138	#B2728A
100.0%	100.0% #B9808C	RGB 185 128 140	#B9808C

#8F2E85 #963B86 #9D4987 #A45788 #AB6489 #B2728A #B9808C

#8F2E85 - #B9808C

HSVブレンド

#8F2E85 - #B9808C | colorate

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

0.0%	0.0% #8F2E84	RGB 143 46 132	#8F2E84
16.7%	16.7% #963981	RGB 150 57 129	#963981
33.3%	33.3% #9D4580	RGB 157 69 128	#9D4580
50.0%	50.0% #A4537F	RGB 164 83 127	#A4537F
66.7%	66.7% #AB6181	RGB 171 97 129	#AB6181
83.3%	83.3% #B27085	RGB 178 112 133	#B27085
100.0%	100.0% #B9808C	RGB 185 128 140	#B9808C

#8F2E84 #963981 #9D4580 #A4537F #AB6181 #B27085 #B9808C

#8F2E85 - #A4537F - #B9808C

CSSコード

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

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