#8AC4FF - #A1FFCB | colorate

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

Blend #8AC4FF to #A1FFCB

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

RGBブレンド

#8AC4FF - #A1FFCB | colorate

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

0.0%	0.0% #8AC4FF	RGB 138 196 255	#8AC4FF
16.7%	16.7% #8DCDF6	RGB 141 205 246	#8DCDF6
33.3%	33.3% #91D7ED	RGB 145 215 237	#91D7ED
50.0%	50.0% #95E1E5	RGB 149 225 229	#95E1E5
66.7%	66.7% #99EBDC	RGB 153 235 220	#99EBDC
83.3%	83.3% #9DF5D3	RGB 157 245 211	#9DF5D3
100.0%	100.0% #A1FFCB	RGB 161 255 203	#A1FFCB

#8AC4FF #8DCDF6 #91D7ED #95E1E5 #99EBDC #9DF5D3 #A1FFCB

#8AC4FF - #A1FFCB

HSVブレンド

#8AC4FF - #A1FFCB | colorate

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

0.0%	0.0% #8AC4FF	RGB 138 196 255	#8AC4FF
16.7%	16.7% #8DD9FF	RGB 141 217 255	#8DD9FF
33.3%	33.3% #91EEFF	RGB 145 238 255	#91EEFF
50.0%	50.0% #95FFFC	RGB 149 255 252	#95FFFC
66.7%	66.7% #99FFEA	RGB 153 255 234	#99FFEA
83.3%	83.3% #9DFFDA	RGB 157 255 218	#9DFFDA
100.0%	100.0% #A1FFCB	RGB 161 255 203	#A1FFCB

#8AC4FF #8DD9FF #91EEFF #95FFFC #99FFEA #9DFFDA #A1FFCB

#8AC4FF - #95FFFC - #A1FFCB

CSSコード

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

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