#AEB3B3 - #BEFFF0 | colorate

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

Blend #AEB3B3 to #BEFFF0

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

RGBブレンド

#AEB3B3 - #BEFFF0 | colorate

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

0.0%	0.0% #AEB3B3	RGB 174 179 179	#AEB3B3
16.7%	16.7% #B0BFBD	RGB 176 191 189	#B0BFBD
33.3%	33.3% #B3CCC7	RGB 179 204 199	#B3CCC7
50.0%	50.0% #B6D9D1	RGB 182 217 209	#B6D9D1
66.7%	66.7% #B8E5DB	RGB 184 229 219	#B8E5DB
83.3%	83.3% #BBF2E5	RGB 187 242 229	#BBF2E5
100.0%	100.0% #BEFFF0	RGB 190 255 240	#BEFFF0

#AEB3B3 #B0BFBD #B3CCC7 #B6D9D1 #B8E5DB #BBF2E5 #BEFFF0

#AEB3B3 - #BEFFF0

HSVブレンド

#AEB3B3 - #BEFFF0 | colorate

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

0.0%	0.0% #AEB3B3	RGB 174 179 179	#AEB3B3
16.7%	16.7% #B3BFBF	RGB 179 191 191	#B3BFBF
33.3%	33.3% #B7CCCA	RGB 183 204 202	#B7CCCA
50.0%	50.0% #BAD9D5	RGB 186 217 213	#BAD9D5
66.7%	66.7% #BCE5DF	RGB 188 229 223	#BCE5DF
83.3%	83.3% #BDF2E8	RGB 189 242 232	#BDF2E8
100.0%	100.0% #BEFFF0	RGB 190 255 240	#BEFFF0

#AEB3B3 #B3BFBF #B7CCCA #BAD9D5 #BCE5DF #BDF2E8 #BEFFF0

#AEB3B3 - #BAD9D5 - #BEFFF0

CSSコード

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

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