#DCFFA8 - #E2FBCF | colorate

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

Blend #DCFFA8 to #E2FBCF

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

RGBブレンド

#DCFFA8 - #E2FBCF | colorate

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

0.0%	0.0% #DCFFA8	RGB 220 255 168	#DCFFA8
16.7%	16.7% #DDFEAE	RGB 221 254 174	#DDFEAE
33.3%	33.3% #DEFDB5	RGB 222 253 181	#DEFDB5
50.0%	50.0% #DFFDBB	RGB 223 253 187	#DFFDBB
66.7%	66.7% #E0FCC2	RGB 224 252 194	#E0FCC2
83.3%	83.3% #E1FBC8	RGB 225 251 200	#E1FBC8
100.0%	100.0% #E2FBCF	RGB 226 251 207	#E2FBCF

#DCFFA8 #DDFEAE #DEFDB5 #DFFDBB #E0FCC2 #E1FBC8 #E2FBCF

#DCFFA8 - #E2FBCF

HSVブレンド

#DCFFA8 - #E2FBCF | colorate

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

0.0%	0.0% #DCFFA8	RGB 220 255 168	#DCFFA8
16.7%	16.7% #DCFEAE	RGB 220 254 174	#DCFEAE
33.3%	33.3% #DCFDB5	RGB 220 253 181	#DCFDB5
50.0%	50.0% #DDFDBB	RGB 221 253 187	#DDFDBB
66.7%	66.7% #DEFCC2	RGB 222 252 194	#DEFCC2
83.3%	83.3% #E0FBC8	RGB 224 251 200	#E0FBC8
100.0%	100.0% #E2FBCF	RGB 226 251 207	#E2FBCF

#DCFFA8 #DCFEAE #DCFDB5 #DDFDBB #DEFCC2 #E0FBC8 #E2FBCF

#DCFFA8 - #DDFDBB - #E2FBCF

CSSコード

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

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