#AA81DA - #FFD3E6 | colorate

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

Blend #AA81DA to #FFD3E6

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

RGBブレンド

#AA81DA - #FFD3E6 | colorate

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

0.0%	0.0% #AA81DA	RGB 170 129 218	#AA81DA
16.7%	16.7% #B88EDC	RGB 184 142 220	#B88EDC
33.3%	33.3% #C69CDE	RGB 198 156 222	#C69CDE
50.0%	50.0% #D4AAE0	RGB 212 170 224	#D4AAE0
66.7%	66.7% #E2B7E2	RGB 226 183 226	#E2B7E2
83.3%	83.3% #F0C5E4	RGB 240 197 228	#F0C5E4
100.0%	100.0% #FFD3E6	RGB 255 211 230	#FFD3E6

#AA81DA #B88EDC #C69CDE #D4AAE0 #E2B7E2 #F0C5E4 #FFD3E6

#AA81DA - #FFD3E6

HSVブレンド

#AA81DA - #FFD3E6 | colorate

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

0.0%	0.0% #AA81DA	RGB 170 129 218	#AA81DA
16.7%	16.7% #C28DE0	RGB 194 141 224	#C28DE0
33.3%	33.3% #D99AE6	RGB 217 154 230	#D99AE6
50.0%	50.0% #ECA7EB	RGB 236 167 235	#ECA7EB
66.7%	66.7% #F2B5E6	RGB 242 181 230	#F2B5E6
83.3%	83.3% #F8C4E4	RGB 248 196 228	#F8C4E4
100.0%	100.0% #FFD3E6	RGB 255 211 230	#FFD3E6

#AA81DA #C28DE0 #D99AE6 #ECA7EB #F2B5E6 #F8C4E4 #FFD3E6

#AA81DA - #ECA7EB - #FFD3E6

CSSコード

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

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