#94F692 - #DFFCDF | colorate

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

Blend #94F692 to #DFFCDF

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

RGBブレンド

#94F692 - #DFFCDF | colorate

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

0.0%	0.0% #94F692	RGB 148 246 146	#94F692
16.7%	16.7% #A0F79E	RGB 160 247 158	#A0F79E
33.3%	33.3% #ADF8AB	RGB 173 248 171	#ADF8AB
50.0%	50.0% #B9F9B8	RGB 185 249 184	#B9F9B8
66.7%	66.7% #C6FAC5	RGB 198 250 197	#C6FAC5
83.3%	83.3% #D2FBD2	RGB 210 251 210	#D2FBD2
100.0%	100.0% #DFFCDF	RGB 223 252 223	#DFFCDF

#94F692 #A0F79E #ADF8AB #B9F9B8 #C6FAC5 #D2FBD2 #DFFCDF

#94F692 - #DFFCDF

HSVブレンド

#94F692 - #DFFCDF | colorate

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

0.0%	0.0% #94F692	RGB 148 246 146	#94F692
16.7%	16.7% #A0F79E	RGB 160 247 158	#A0F79E
33.3%	33.3% #ACF8AB	RGB 172 248 171	#ACF8AB
50.0%	50.0% #B8F9B8	RGB 184 249 184	#B8F9B8
66.7%	66.7% #C5FAC4	RGB 197 250 196	#C5FAC4
83.3%	83.3% #D2FBD1	RGB 210 251 209	#D2FBD1
100.0%	100.0% #DFFCDF	RGB 223 252 223	#DFFCDF

#94F692 #A0F79E #ACF8AB #B8F9B8 #C5FAC4 #D2FBD1 #DFFCDF

#94F692 - #B8F9B8 - #DFFCDF

CSSコード

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

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