#8F438A - #DFC9DC | colorate

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

Blend #8F438A to #DFC9DC

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

RGBブレンド

#8F438A - #DFC9DC | colorate

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

0.0%	0.0% #8F438A	RGB 143 67 138	#8F438A
16.7%	16.7% #9C5997	RGB 156 89 151	#9C5997
33.3%	33.3% #A96FA5	RGB 169 111 165	#A96FA5
50.0%	50.0% #B786B3	RGB 183 134 179	#B786B3
66.7%	66.7% #C49CC0	RGB 196 156 192	#C49CC0
83.3%	83.3% #D1B2CE	RGB 209 178 206	#D1B2CE
100.0%	100.0% #DFC9DC	RGB 223 201 220	#DFC9DC

#8F438A #9C5997 #A96FA5 #B786B3 #C49CC0 #D1B2CE #DFC9DC

#8F438A - #DFC9DC

HSVブレンド

#8F438A - #DFC9DC | colorate

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

0.0%	0.0% #8F438A	RGB 143 67 138	#8F438A
16.7%	16.7% #9C5496	RGB 156 84 150	#9C5496
33.3%	33.3% #A967A3	RGB 169 103 163	#A967A3
50.0%	50.0% #B77DB1	RGB 183 125 177	#B77DB1
66.7%	66.7% #C494BE	RGB 196 148 190	#C494BE
83.3%	83.3% #D1ADCD	RGB 209 173 205	#D1ADCD
100.0%	100.0% #DFC9DC	RGB 223 201 220	#DFC9DC

#8F438A #9C5496 #A967A3 #B77DB1 #C494BE #D1ADCD #DFC9DC

#8F438A - #B77DB1 - #DFC9DC

CSSコード

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

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