#9EFFC0 - #FFEBBA | colorate

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

Blend #9EFFC0 to #FFEBBA

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

RGBブレンド

#9EFFC0 - #FFEBBA | colorate

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

0.0%	0.0% #9EFFC0	RGB 158 255 192	#9EFFC0
16.7%	16.7% #AEFBBF	RGB 174 251 191	#AEFBBF
33.3%	33.3% #BEF8BE	RGB 190 248 190	#BEF8BE
50.0%	50.0% #CEF5BD	RGB 206 245 189	#CEF5BD
66.7%	66.7% #DEF1BC	RGB 222 241 188	#DEF1BC
83.3%	83.3% #EEEEBB	RGB 238 238 187	#EEEEBB
100.0%	100.0% #FFEBBA	RGB 255 235 186	#FFEBBA

#9EFFC0 #AEFBBF #BEF8BE #CEF5BD #DEF1BC #EEEEBB #FFEBBA

#9EFFC0 - #FFEBBA

HSVブレンド

#9EFFC0 - #FFEBBA | colorate

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

0.0%	0.0% #9EFFC0	RGB 158 255 192	#9EFFC0
16.7%	16.7% #A2FFA9	RGB 162 255 169	#A2FFA9
33.3%	33.3% #B8FFA7	RGB 184 255 167	#B8FFA7
50.0%	50.0% #D2FFAC	RGB 210 255 172	#D2FFAC
66.7%	66.7% #EAFFB0	RGB 234 255 176	#EAFFB0
83.3%	83.3% #FFFDB5	RGB 255 253 181	#FFFDB5
100.0%	100.0% #FFEBBA	RGB 255 235 186	#FFEBBA

#9EFFC0 #A2FFA9 #B8FFA7 #D2FFAC #EAFFB0 #FFFDB5 #FFEBBA

#9EFFC0 - #D2FFAC - #FFEBBA

CSSコード

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

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