#A8C7BF - #C2FFFC | colorate

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

Blend #A8C7BF to #C2FFFC

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

RGBブレンド

#A8C7BF - #C2FFFC | colorate

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

0.0%	0.0% #A8C7BF	RGB 168 199 191	#A8C7BF
16.7%	16.7% #ACD0C9	RGB 172 208 201	#ACD0C9
33.3%	33.3% #B0D9D3	RGB 176 217 211	#B0D9D3
50.0%	50.0% #B5E3DD	RGB 181 227 221	#B5E3DD
66.7%	66.7% #B9ECE7	RGB 185 236 231	#B9ECE7
83.3%	83.3% #BDF5F1	RGB 189 245 241	#BDF5F1
100.0%	100.0% #C2FFFC	RGB 194 255 252	#C2FFFC

#A8C7BF #ACD0C9 #B0D9D3 #B5E3DD #B9ECE7 #BDF5F1 #C2FFFC

#A8C7BF - #C2FFFC

HSVブレンド

#A8C7BF - #C2FFFC | colorate

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

0.0%	0.0% #A8C7BF	RGB 168 199 191	#A8C7BF
16.7%	16.7% #ACD0C8	RGB 172 208 200	#ACD0C8
33.3%	33.3% #B1D9D2	RGB 177 217 210	#B1D9D2
50.0%	50.0% #B6E3DC	RGB 182 227 220	#B6E3DC
66.7%	66.7% #BAECE6	RGB 186 236 230	#BAECE6
83.3%	83.3% #BEF5F1	RGB 190 245 241	#BEF5F1
100.0%	100.0% #C2FFFC	RGB 194 255 252	#C2FFFC

#A8C7BF #ACD0C8 #B1D9D2 #B6E3DC #BAECE6 #BEF5F1 #C2FFFC

#A8C7BF - #B6E3DC - #C2FFFC

CSSコード

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

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