#84AF9E - #A8DEFF | colorate

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

Blend #84AF9E to #A8DEFF

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

RGBブレンド

#84AF9E - #A8DEFF | colorate

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

0.0%	0.0% #84AF9E	RGB 132 175 158	#84AF9E
16.7%	16.7% #8AB6AE	RGB 138 182 174	#8AB6AE
33.3%	33.3% #90BEBE	RGB 144 190 190	#90BEBE
50.0%	50.0% #96C6CE	RGB 150 198 206	#96C6CE
66.7%	66.7% #9CCEDE	RGB 156 206 222	#9CCEDE
83.3%	83.3% #A2D6EE	RGB 162 214 238	#A2D6EE
100.0%	100.0% #A8DEFF	RGB 168 222 255	#A8DEFF

#84AF9E #8AB6AE #90BEBE #96C6CE #9CCEDE #A2D6EE #A8DEFF

#84AF9E - #A8DEFF

HSVブレンド

#84AF9E - #A8DEFF | colorate

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

0.0%	0.0% #84AF9E	RGB 132 175 158	#84AF9E
16.7%	16.7% #8BBCAF	RGB 139 188 175	#8BBCAF
33.3%	33.3% #91C9C1	RGB 145 201 193	#91C9C1
50.0%	50.0% #97D7D6	RGB 151 215 214	#97D7D6
66.7%	66.7% #9DDBE4	RGB 157 219 228	#9DDBE4
83.3%	83.3% #A3DDF1	RGB 163 221 241	#A3DDF1
100.0%	100.0% #A8DEFF	RGB 168 222 255	#A8DEFF

#84AF9E #8BBCAF #91C9C1 #97D7D6 #9DDBE4 #A3DDF1 #A8DEFF

#84AF9E - #97D7D6 - #A8DEFF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84AF9E 0%, #97D7D6 50%, #A8DEFF 100%);
    background: -webkit-linear-gradient(top, #84AF9E 0%, #97D7D6 50%, #A8DEFF 100%);
    background: linear-gradient(to bottom, #84AF9E 0%, #97D7D6 50%, #A8DEFF 100%);
}
</style>