#ADFDB1 - #E7FEE8 | colorate

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

Blend #ADFDB1 to #E7FEE8

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

RGBブレンド

#ADFDB1 - #E7FEE8 | colorate

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

0.0%	0.0% #ADFDB1	RGB 173 253 177	#ADFDB1
16.7%	16.7% #B6FDBA	RGB 182 253 186	#B6FDBA
33.3%	33.3% #C0FDC3	RGB 192 253 195	#C0FDC3
50.0%	50.0% #CAFDCC	RGB 202 253 204	#CAFDCC
66.7%	66.7% #D3FDD5	RGB 211 253 213	#D3FDD5
83.3%	83.3% #DDFDDE	RGB 221 253 222	#DDFDDE
100.0%	100.0% #E7FEE8	RGB 231 254 232	#E7FEE8

#ADFDB1 #B6FDBA #C0FDC3 #CAFDCC #D3FDD5 #DDFDDE #E7FEE8

#ADFDB1 - #E7FEE8

HSVブレンド

#ADFDB1 - #E7FEE8 | colorate

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

0.0%	0.0% #ADFDB1	RGB 173 253 177	#ADFDB1
16.7%	16.7% #B6FDBA	RGB 182 253 186	#B6FDBA
33.3%	33.3% #C0FDC3	RGB 192 253 195	#C0FDC3
50.0%	50.0% #C9FDCC	RGB 201 253 204	#C9FDCC
66.7%	66.7% #D3FDD5	RGB 211 253 213	#D3FDD5
83.3%	83.3% #DDFDDE	RGB 221 253 222	#DDFDDE
100.0%	100.0% #E7FEE8	RGB 231 254 232	#E7FEE8

#ADFDB1 #B6FDBA #C0FDC3 #C9FDCC #D3FDD5 #DDFDDE #E7FEE8

#ADFDB1 - #C9FDCC - #E7FEE8

CSSコード

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

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