#D9AEC9 - #AD4C7F | colorate

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

Blend #D9AEC9 to #AD4C7F

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

RGBブレンド

#D9AEC9 - #AD4C7F | colorate

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

0.0%	0.0% #D9AEC9	RGB 217 174 201	#D9AEC9
16.7%	16.7% #D19DBC	RGB 209 157 188	#D19DBC
33.3%	33.3% #CA8DB0	RGB 202 141 176	#CA8DB0
50.0%	50.0% #C37DA4	RGB 195 125 164	#C37DA4
66.7%	66.7% #BB6C97	RGB 187 108 151	#BB6C97
83.3%	83.3% #B45C8B	RGB 180 92 139	#B45C8B
100.0%	100.0% #AD4C7F	RGB 173 76 127	#AD4C7F

#D9AEC9 #D19DBC #CA8DB0 #C37DA4 #BB6C97 #B45C8B #AD4C7F

#D9AEC9 - #AD4C7F

HSVブレンド

#D9AEC9 - #AD4C7F | colorate

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

0.0%	0.0% #D9AEC9	RGB 217 174 201	#D9AEC9
16.7%	16.7% #D19BBC	RGB 209 155 188	#D19BBC
33.3%	33.3% #CA89B0	RGB 202 137 176	#CA89B0
50.0%	50.0% #C379A3	RGB 195 121 163	#C379A3
66.7%	66.7% #BB6997	RGB 187 105 151	#BB6997
83.3%	83.3% #B45A8B	RGB 180 90 139	#B45A8B
100.0%	100.0% #AD4C7F	RGB 173 76 127	#AD4C7F

#D9AEC9 #D19BBC #CA89B0 #C379A3 #BB6997 #B45A8B #AD4C7F

#D9AEC9 - #C379A3 - #AD4C7F

CSSコード

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

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