#658F3C - #357525 | colorate

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

Blend #658F3C to #357525

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

RGBブレンド

#658F3C - #357525 | colorate

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

0.0%	0.0% #658F3C	RGB 101 143 60	#658F3C
16.7%	16.7% #5D8A38	RGB 93 138 56	#5D8A38
33.3%	33.3% #558634	RGB 85 134 52	#558634
50.0%	50.0% #4D8230	RGB 77 130 48	#4D8230
66.7%	66.7% #457D2C	RGB 69 125 44	#457D2C
83.3%	83.3% #3D7928	RGB 61 121 40	#3D7928
100.0%	100.0% #357525	RGB 53 117 37	#357525

#658F3C #5D8A38 #558634 #4D8230 #457D2C #3D7928 #357525

#658F3C - #357525

HSVブレンド

#658F3C - #357525 | colorate

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

0.0%	0.0% #658F3C	RGB 101 143 60	#658F3C
16.7%	16.7% #5C8A37	RGB 92 138 55	#5C8A37
33.3%	33.3% #548633	RGB 84 134 51	#548633
50.0%	50.0% #4C822F	RGB 76 130 47	#4C822F
66.7%	66.7% #447D2C	RGB 68 125 44	#447D2C
83.3%	83.3% #3C7928	RGB 60 121 40	#3C7928
100.0%	100.0% #357525	RGB 53 117 37	#357525

#658F3C #5C8A37 #548633 #4C822F #447D2C #3C7928 #357525

#658F3C - #4C822F - #357525

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #658F3C 0%, #4C822F 50%, #357525 100%);
    background: -webkit-linear-gradient(top, #658F3C 0%, #4C822F 50%, #357525 100%);
    background: linear-gradient(to bottom, #658F3C 0%, #4C822F 50%, #357525 100%);
}
</style>