#88B74E - #4E9D33 | colorate

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

Blend #88B74E to #4E9D33

#88B74E

#4E9D33

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

RGBブレンド

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

0.0%	0.0% #88B74E	RGB 136 183 78	#88B74E
16.7%	16.7% #7FB34A	RGB 127 179 74	#7FB34A
33.3%	33.3% #75AF45	RGB 117 175 69	#75AF45
50.0%	50.0% #6BAA41	RGB 107 170 65	#6BAA41
66.7%	66.7% #62A63C	RGB 98 166 60	#62A63C
83.3%	83.3% #58A238	RGB 88 162 56	#58A238
100.0%	100.0% #4E9D33	RGB 78 157 51	#4E9D33

#88B74E #7FB34A #75AF45 #6BAA41 #62A63C #58A238 #4E9D33

#88B74E - #4E9D33

HSVブレンド

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

0.0%	0.0% #88B74E	RGB 136 183 78	#88B74E
16.7%	16.7% #7EB249	RGB 126 178 73	#7EB249
33.3%	33.3% #74AE44	RGB 116 174 68	#74AE44
50.0%	50.0% #6AAA3F	RGB 106 170 63	#6AAA3F
66.7%	66.7% #61A53B	RGB 97 165 59	#61A53B
83.3%	83.3% #57A137	RGB 87 161 55	#57A137
100.0%	100.0% #4E9D33	RGB 78 157 51	#4E9D33

#88B74E #7EB249 #74AE44 #6AAA3F #61A53B #57A137 #4E9D33

#88B74E - #6AAA3F - #4E9D33

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #88B74E 0%, #6AAA3F 50%, #4E9D33 100%);
    background: -webkit-linear-gradient(top, #88B74E 0%, #6AAA3F 50%, #4E9D33 100%);
    background: linear-gradient(to bottom, #88B74E 0%, #6AAA3F 50%, #4E9D33 100%); 
}
</style>