#669B90 - #E9F0EF | colorate

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

Blend #669B90 to #E9F0EF

#669B90 #E9F0EF

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

RGBブレンド

#669B90 - #E9F0EF | colorate

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

0.0%	0.0% #669B90	RGB 102 155 144	#669B90
16.7%	16.7% #7BA99F	RGB 123 169 159	#7BA99F
33.3%	33.3% #91B7AF	RGB 145 183 175	#91B7AF
50.0%	50.0% #A7C5BF	RGB 167 197 191	#A7C5BF
66.7%	66.7% #BDD3CF	RGB 189 211 207	#BDD3CF
83.3%	83.3% #D3E1DF	RGB 211 225 223	#D3E1DF
100.0%	100.0% #E9F0EF	RGB 233 240 239	#E9F0EF

#669B90 #7BA99F #91B7AF #A7C5BF #BDD3CF #D3E1DF #E9F0EF

#669B90 - #E9F0EF

HSVブレンド

#669B90 - #E9F0EF | colorate

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

0.0%	0.0% #669B90	RGB 102 155 144	#669B90
16.7%	16.7% #78A99F	RGB 120 169 159	#78A99F
33.3%	33.3% #8BB7AF	RGB 139 183 175	#8BB7AF
50.0%	50.0% #A0C5BF	RGB 160 197 191	#A0C5BF
66.7%	66.7% #B7D3CF	RGB 183 211 207	#B7D3CF
83.3%	83.3% #CFE1DF	RGB 207 225 223	#CFE1DF
100.0%	100.0% #E9F0EF	RGB 233 240 239	#E9F0EF

#669B90 #78A99F #8BB7AF #A0C5BF #B7D3CF #CFE1DF #E9F0EF

#669B90 - #A0C5BF - #E9F0EF

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #669B90 0%, #A0C5BF 50%, #E9F0EF 100%);
    background: -webkit-linear-gradient(top, #669B90 0%, #A0C5BF 50%, #E9F0EF 100%);
    background: linear-gradient(to bottom, #669B90 0%, #A0C5BF 50%, #E9F0EF 100%);
}
</style>