#DBFFDA - #F1F9FE | colorate

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

Blend #DBFFDA to #F1F9FE

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

RGBブレンド

#DBFFDA - #F1F9FE | colorate

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

0.0%	0.0% #DBFFDA	RGB 219 255 218	#DBFFDA
16.7%	16.7% #DEFEE0	RGB 222 254 224	#DEFEE0
33.3%	33.3% #E2FDE6	RGB 226 253 230	#E2FDE6
50.0%	50.0% #E6FCEC	RGB 230 252 236	#E6FCEC
66.7%	66.7% #E9FBF2	RGB 233 251 242	#E9FBF2
83.3%	83.3% #EDFAF8	RGB 237 250 248	#EDFAF8
100.0%	100.0% #F1F9FE	RGB 241 249 254	#F1F9FE

#DBFFDA #DEFEE0 #E2FDE6 #E6FCEC #E9FBF2 #EDFAF8 #F1F9FE

#DBFFDA - #F1F9FE

HSVブレンド

#DBFFDA - #F1F9FE | colorate

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

0.0%	0.0% #DBFFDA	RGB 219 255 218	#DBFFDA
16.7%	16.7% #DDFEE4	RGB 221 254 228	#DDFEE4
33.3%	33.3% #E1FEEE	RGB 225 254 238	#E1FEEE
50.0%	50.0% #E5FEF6	RGB 229 254 246	#E5FEF6
66.7%	66.7% #E9FEFC	RGB 233 254 252	#E9FEFC
83.3%	83.3% #EDFBFE	RGB 237 251 254	#EDFBFE
100.0%	100.0% #F1F9FE	RGB 241 249 254	#F1F9FE

#DBFFDA #DDFEE4 #E1FEEE #E5FEF6 #E9FEFC #EDFBFE #F1F9FE

#DBFFDA - #E5FEF6 - #F1F9FE

CSSコード

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

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