#AA82A1 - #E6DBE4 | colorate

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

Blend #AA82A1 to #E6DBE4

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

RGBブレンド

#AA82A1 - #E6DBE4 | colorate

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

0.0%	0.0% #AA82A1	RGB 170 130 161	#AA82A1
16.7%	16.7% #B490AC	RGB 180 144 172	#B490AC
33.3%	33.3% #BE9FB7	RGB 190 159 183	#BE9FB7
50.0%	50.0% #C8AEC2	RGB 200 174 194	#C8AEC2
66.7%	66.7% #D2BDCD	RGB 210 189 205	#D2BDCD
83.3%	83.3% #DCCCD8	RGB 220 204 216	#DCCCD8
100.0%	100.0% #E6DBE4	RGB 230 219 228	#E6DBE4

#AA82A1 #B490AC #BE9FB7 #C8AEC2 #D2BDCD #DCCCD8 #E6DBE4

#AA82A1 - #E6DBE4

HSVブレンド

#AA82A1 - #E6DBE4 | colorate

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

0.0%	0.0% #AA82A1	RGB 170 130 161	#AA82A1
16.7%	16.7% #B48FAC	RGB 180 143 172	#B48FAC
33.3%	33.3% #BE9DB7	RGB 190 157 183	#BE9DB7
50.0%	50.0% #C8ABC2	RGB 200 171 194	#C8ABC2
66.7%	66.7% #D2BACD	RGB 210 186 205	#D2BACD
83.3%	83.3% #DCCAD8	RGB 220 202 216	#DCCAD8
100.0%	100.0% #E6DBE4	RGB 230 219 228	#E6DBE4

#AA82A1 #B48FAC #BE9DB7 #C8ABC2 #D2BACD #DCCAD8 #E6DBE4

#AA82A1 - #C8ABC2 - #E6DBE4

CSSコード

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

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