#EEEF27 - #212205 | colorate

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

Blend #EEEF27 to #212205

#EEEF27 #212205

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

RGBブレンド

#EEEF27 - #212205 | colorate

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

0.0%	0.0% #EEEF27	RGB 238 239 39	#EEEF27
16.7%	16.7% #CBCC21	RGB 203 204 33	#CBCC21
33.3%	33.3% #A9AA1B	RGB 169 170 27	#A9AA1B
50.0%	50.0% #878816	RGB 135 136 22	#878816
66.7%	66.7% #656610	RGB 101 102 16	#656610
83.3%	83.3% #43440A	RGB 67 68 10	#43440A
100.0%	100.0% #212205	RGB 33 34 5	#212205

#EEEF27 #CBCC21 #A9AA1B #878816 #656610 #43440A #212205

#EEEF27 - #212205

HSVブレンド

#EEEF27 - #212205 | colorate

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

0.0%	0.0% #EEEF27	RGB 238 239 39	#EEEF27
16.7%	16.7% #CBCC20	RGB 203 204 32	#CBCC20
33.3%	33.3% #A8AA1A	RGB 168 170 26	#A8AA1A
50.0%	50.0% #868815	RGB 134 136 21	#868815
66.7%	66.7% #64660F	RGB 100 102 15	#64660F
83.3%	83.3% #42440A	RGB 66 68 10	#42440A
100.0%	100.0% #212205	RGB 33 34 5	#212205

#EEEF27 #CBCC20 #A8AA1A #868815 #64660F #42440A #212205

#EEEF27 - #868815 - #212205

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #EEEF27 0%, #868815 50%, #212205 100%);
    background: -webkit-linear-gradient(top, #EEEF27 0%, #868815 50%, #212205 100%);
    background: linear-gradient(to bottom, #EEEF27 0%, #868815 50%, #212205 100%);
}
</style>