#EEF5E9 - #ADC299 | colorate

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

Blend #EEF5E9 to #ADC299

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

RGBブレンド

#EEF5E9 - #ADC299 | colorate

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

0.0%	0.0% #EEF5E9	RGB 238 245 233	#EEF5E9
16.7%	16.7% #E3ECDB	RGB 227 236 219	#E3ECDB
33.3%	33.3% #D8E4CE	RGB 216 228 206	#D8E4CE
50.0%	50.0% #CDDBC1	RGB 205 219 193	#CDDBC1
66.7%	66.7% #C2D3B3	RGB 194 211 179	#C2D3B3
83.3%	83.3% #B7CAA6	RGB 183 202 166	#B7CAA6
100.0%	100.0% #ADC299	RGB 173 194 153	#ADC299

#EEF5E9 #E3ECDB #D8E4CE #CDDBC1 #C2D3B3 #B7CAA6 #ADC299

#EEF5E9 - #ADC299

HSVブレンド

#EEF5E9 - #ADC299 | colorate

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

0.0%	0.0% #EEF5E9	RGB 238 245 233	#EEF5E9
16.7%	16.7% #E2ECDA	RGB 226 236 218	#E2ECDA
33.3%	33.3% #D6E4CC	RGB 214 228 204	#D6E4CC
50.0%	50.0% #CBDBBE	RGB 203 219 190	#CBDBBE
66.7%	66.7% #C1D3B1	RGB 193 211 177	#C1D3B1
83.3%	83.3% #B6CAA5	RGB 182 202 165	#B6CAA5
100.0%	100.0% #ADC299	RGB 173 194 153	#ADC299

#EEF5E9 #E2ECDA #D6E4CC #CBDBBE #C1D3B1 #B6CAA5 #ADC299

#EEF5E9 - #CBDBBE - #ADC299

CSSコード

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

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