#5E5800 - #DA991A | colorate

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

Blend #5E5800 to #DA991A

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

RGBブレンド

#5E5800 - #DA991A | colorate

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

0.0%	0.0% #5E5800	RGB 94 88 0	#5E5800
16.7%	16.7% #726204	RGB 114 98 4	#726204
33.3%	33.3% #876D08	RGB 135 109 8	#876D08
50.0%	50.0% #9C780D	RGB 156 120 13	#9C780D
66.7%	66.7% #B08311	RGB 176 131 17	#B08311
83.3%	83.3% #C58E15	RGB 197 142 21	#C58E15
100.0%	100.0% #DA991A	RGB 218 153 26	#DA991A

#5E5800 #726204 #876D08 #9C780D #B08311 #C58E15 #DA991A

#5E5800 - #DA991A

HSVブレンド

#5E5800 - #DA991A | colorate

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

0.0%	0.0% #5E5800	RGB 94 88 0	#5E5800
16.7%	16.7% #726602	RGB 114 102 2	#726602
33.3%	33.3% #877305	RGB 135 115 5	#877305
50.0%	50.0% #9C7E09	RGB 156 126 9	#9C7E09
66.7%	66.7% #B0880E	RGB 176 136 14	#B0880E
83.3%	83.3% #C59113	RGB 197 145 19	#C59113
100.0%	100.0% #DA991A	RGB 218 153 26	#DA991A

#5E5800 #726602 #877305 #9C7E09 #B0880E #C59113 #DA991A

#5E5800 - #9C7E09 - #DA991A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5800 0%, #9C7E09 50%, #DA991A 100%);
    background: -webkit-linear-gradient(top, #5E5800 0%, #9C7E09 50%, #DA991A 100%);
    background: linear-gradient(to bottom, #5E5800 0%, #9C7E09 50%, #DA991A 100%);
}
</style>