#92FFF9 - #E4E1C7 | colorate

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

Blend #92FFF9 to #E4E1C7

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

RGBブレンド

#92FFF9 - #E4E1C7 | colorate

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

0.0%	0.0% #92FFF9	RGB 146 255 249	#92FFF9
16.7%	16.7% #9FFAF0	RGB 159 250 240	#9FFAF0
33.3%	33.3% #ADF5E8	RGB 173 245 232	#ADF5E8
50.0%	50.0% #BBF0E0	RGB 187 240 224	#BBF0E0
66.7%	66.7% #C8EBD7	RGB 200 235 215	#C8EBD7
83.3%	83.3% #D6E6CF	RGB 214 230 207	#D6E6CF
100.0%	100.0% #E4E1C7	RGB 228 225 199	#E4E1C7

#92FFF9 #9FFAF0 #ADF5E8 #BBF0E0 #C8EBD7 #D6E6CF #E4E1C7

#92FFF9 - #E4E1C7

HSVブレンド

#92FFF9 - #E4E1C7 | colorate

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

0.0%	0.0% #92FFF9	RGB 146 255 249	#92FFF9
16.7%	16.7% #9BFAD5	RGB 155 250 213	#9BFAD5
33.3%	33.3% #A5F6BA	RGB 165 246 186	#A5F6BA
50.0%	50.0% #B3F1AE	RGB 179 241 174	#B3F1AE
66.7%	66.7% #CDEDB7	RGB 205 237 183	#CDEDB7
83.3%	83.3% #DEE8BF	RGB 222 232 191	#DEE8BF
100.0%	100.0% #E4E1C7	RGB 228 225 199	#E4E1C7

#92FFF9 #9BFAD5 #A5F6BA #B3F1AE #CDEDB7 #DEE8BF #E4E1C7

#92FFF9 - #B3F1AE - #E4E1C7

CSSコード

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

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