#AEBDCF - #BCCFAE | colorate

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

Blend #AEBDCF to #BCCFAE

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

RGBブレンド

#AEBDCF - #BCCFAE | colorate

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

0.0%	0.0% #AEBDCF	RGB 174 189 207	#AEBDCF
16.7%	16.7% #B0C0C9	RGB 176 192 201	#B0C0C9
33.3%	33.3% #B2C3C4	RGB 178 195 196	#B2C3C4
50.0%	50.0% #B5C6BE	RGB 181 198 190	#B5C6BE
66.7%	66.7% #B7C9B9	RGB 183 201 185	#B7C9B9
83.3%	83.3% #B9CCB3	RGB 185 204 179	#B9CCB3
100.0%	100.0% #BCCFAE	RGB 188 207 174	#BCCFAE

#AEBDCF #B0C0C9 #B2C3C4 #B5C6BE #B7C9B9 #B9CCB3 #BCCFAE

#AEBDCF - #BCCFAE

HSVブレンド

#AEBDCF - #BCCFAE | colorate

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

0.0%	0.0% #AEBDCF	RGB 174 189 207	#AEBDCF
16.7%	16.7% #AEC7CF	RGB 174 199 207	#AEC7CF
33.3%	33.3% #AECFCB	RGB 174 207 203	#AECFCB
50.0%	50.0% #AECFC0	RGB 174 207 192	#AECFC0
66.7%	66.7% #AECFB5	RGB 174 207 181	#AECFB5
83.3%	83.3% #B1CFAE	RGB 177 207 174	#B1CFAE
100.0%	100.0% #BCCFAE	RGB 188 207 174	#BCCFAE

#AEBDCF #AEC7CF #AECFCB #AECFC0 #AECFB5 #B1CFAE #BCCFAE

#AEBDCF - #AECFC0 - #BCCFAE

CSSコード

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

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