#A3FFAE - #FFEEB7 | colorate

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

Blend #A3FFAE to #FFEEB7

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

RGBブレンド

#A3FFAE - #FFEEB7 | colorate

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

0.0%	0.0% #A3FFAE	RGB 163 255 174	#A3FFAE
16.7%	16.7% #B2FCAF	RGB 178 252 175	#B2FCAF
33.3%	33.3% #C1F9B1	RGB 193 249 177	#C1F9B1
50.0%	50.0% #D1F6B2	RGB 209 246 178	#D1F6B2
66.7%	66.7% #E0F3B4	RGB 224 243 180	#E0F3B4
83.3%	83.3% #EFF0B5	RGB 239 240 181	#EFF0B5
100.0%	100.0% #FFEEB7	RGB 255 238 183	#FFEEB7

#A3FFAE #B2FCAF #C1F9B1 #D1F6B2 #E0F3B4 #EFF0B5 #FFEEB7

#A3FFAE - #FFEEB7

HSVブレンド

#A3FFAE - #FFEEB7 | colorate

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

0.0%	0.0% #A3FFAE	RGB 163 255 174	#A3FFAE
16.7%	16.7% #AFFFA6	RGB 175 255 166	#AFFFA6
33.3%	33.3% #C6FFA9	RGB 198 255 169	#C6FFA9
50.0%	50.0% #DAFFAD	RGB 218 255 173	#DAFFAD
66.7%	66.7% #EEFFB0	RGB 238 255 176	#EEFFB0
83.3%	83.3% #FFFEB3	RGB 255 254 179	#FFFEB3
100.0%	100.0% #FFEEB7	RGB 255 238 183	#FFEEB7

#A3FFAE #AFFFA6 #C6FFA9 #DAFFAD #EEFFB0 #FFFEB3 #FFEEB7

#A3FFAE - #DAFFAD - #FFEEB7

CSSコード

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

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