#8F1B85 - #DFBDDC | colorate

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

Blend #8F1B85 to #DFBDDC

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

RGBブレンド

#8F1B85 - #DFBDDC | colorate

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

0.0%	0.0% #8F1B85	RGB 143 27 133	#8F1B85
16.7%	16.7% #9C3693	RGB 156 54 147	#9C3693
33.3%	33.3% #A951A2	RGB 169 81 162	#A951A2
50.0%	50.0% #B76CB0	RGB 183 108 176	#B76CB0
66.7%	66.7% #C487BF	RGB 196 135 191	#C487BF
83.3%	83.3% #D1A2CD	RGB 209 162 205	#D1A2CD
100.0%	100.0% #DFBDDC	RGB 223 189 220	#DFBDDC

#8F1B85 #9C3693 #A951A2 #B76CB0 #C487BF #D1A2CD #DFBDDC

#8F1B85 - #DFBDDC

HSVブレンド

#8F1B85 - #DFBDDC | colorate

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

0.0%	0.0% #8F1B85	RGB 143 27 133	#8F1B85
16.7%	16.7% #9C2E92	RGB 156 46 146	#9C2E92
33.3%	33.3% #A945A0	RGB 169 69 160	#A945A0
50.0%	50.0% #B75EAF	RGB 183 94 175	#B75EAF
66.7%	66.7% #C47BBD	RGB 196 123 189	#C47BBD
83.3%	83.3% #D19ACC	RGB 209 154 204	#D19ACC
100.0%	100.0% #DFBDDC	RGB 223 189 220	#DFBDDC

#8F1B85 #9C2E92 #A945A0 #B75EAF #C47BBD #D19ACC #DFBDDC

#8F1B85 - #B75EAF - #DFBDDC

CSSコード

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

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