#328F38 - #0F610B | colorate

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

Blend #328F38 to #0F610B

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

RGBブレンド

#328F38 - #0F610B | colorate

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

0.0%	0.0% #328F38	RGB 50 143 56	#328F38
16.7%	16.7% #2C8730	RGB 44 135 48	#2C8730
33.3%	33.3% #267F29	RGB 38 127 41	#267F29
50.0%	50.0% #207821	RGB 32 120 33	#207821
66.7%	66.7% #1A701A	RGB 26 112 26	#1A701A
83.3%	83.3% #146812	RGB 20 104 18	#146812
100.0%	100.0% #0F610B	RGB 15 97 11	#0F610B

#328F38 #2C8730 #267F29 #207821 #1A701A #146812 #0F610B

#328F38 - #0F610B

HSVブレンド

#328F38 - #0F610B | colorate

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

0.0%	0.0% #328F38	RGB 50 143 56	#328F38
16.7%	16.7% #29872E	RGB 41 135 46	#29872E
33.3%	33.3% #227F25	RGB 34 127 37	#227F25
50.0%	50.0% #1B781C	RGB 27 120 28	#1B781C
66.7%	66.7% #167015	RGB 22 112 21	#167015
83.3%	83.3% #12680F	RGB 18 104 15	#12680F
100.0%	100.0% #0F610B	RGB 15 97 11	#0F610B

#328F38 #29872E #227F25 #1B781C #167015 #12680F #0F610B

#328F38 - #1B781C - #0F610B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #328F38 0%, #1B781C 50%, #0F610B 100%);
    background: -webkit-linear-gradient(top, #328F38 0%, #1B781C 50%, #0F610B 100%);
    background: linear-gradient(to bottom, #328F38 0%, #1B781C 50%, #0F610B 100%);
}
</style>