#488F3B - #247531 | colorate

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

Blend #488F3B to #247531

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

RGBブレンド

#488F3B - #247531 | colorate

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

0.0%	0.0% #488F3B	RGB 72 143 59	#488F3B
16.7%	16.7% #428A39	RGB 66 138 57	#428A39
33.3%	33.3% #3C8637	RGB 60 134 55	#3C8637
50.0%	50.0% #368236	RGB 54 130 54	#368236
66.7%	66.7% #307D34	RGB 48 125 52	#307D34
83.3%	83.3% #2A7932	RGB 42 121 50	#2A7932
100.0%	100.0% #247531	RGB 36 117 49	#247531

#488F3B #428A39 #3C8637 #368236 #307D34 #2A7932 #247531

#488F3B - #247531

HSVブレンド

#488F3B - #247531 | colorate

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

0.0%	0.0% #488F3B	RGB 72 143 59	#488F3B
16.7%	16.7% #3F8A36	RGB 63 138 54	#3F8A36
33.3%	33.3% #368632	RGB 54 134 50	#368632
50.0%	50.0% #2E822F	RGB 46 130 47	#2E822F
66.7%	66.7% #2B7D2F	RGB 43 125 47	#2B7D2F
83.3%	83.3% #277930	RGB 39 121 48	#277930
100.0%	100.0% #247531	RGB 36 117 49	#247531

#488F3B #3F8A36 #368632 #2E822F #2B7D2F #277930 #247531

#488F3B - #2E822F - #247531

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #488F3B 0%, #2E822F 50%, #247531 100%);
    background: -webkit-linear-gradient(top, #488F3B 0%, #2E822F 50%, #247531 100%);
    background: linear-gradient(to bottom, #488F3B 0%, #2E822F 50%, #247531 100%);
}
</style>