#C0FF41 - #364812 | colorate

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

Blend #C0FF41 to #364812

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

RGBブレンド

#C0FF41 - #364812 | colorate

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

0.0%	0.0% #C0FF41	RGB 192 255 65	#C0FF41
16.7%	16.7% #A9E039	RGB 169 224 57	#A9E039
33.3%	33.3% #92C231	RGB 146 194 49	#92C231
50.0%	50.0% #7BA329	RGB 123 163 41	#7BA329
66.7%	66.7% #648421	RGB 100 132 33	#648421
83.3%	83.3% #4D6619	RGB 77 102 25	#4D6619
100.0%	100.0% #364812	RGB 54 72 18	#364812

#C0FF41 #A9E039 #92C231 #7BA329 #648421 #4D6619 #364812

#C0FF41 - #364812

HSVブレンド

#C0FF41 - #364812 | colorate

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

0.0%	0.0% #C0FF41	RGB 192 255 65	#C0FF41
16.7%	16.7% #A8E039	RGB 168 224 57	#A8E039
33.3%	33.3% #91C231	RGB 145 194 49	#91C231
50.0%	50.0% #7AA329	RGB 122 163 41	#7AA329
66.7%	66.7% #638421	RGB 99 132 33	#638421
83.3%	83.3% #4C6619	RGB 76 102 25	#4C6619
100.0%	100.0% #364812	RGB 54 72 18	#364812

#C0FF41 #A8E039 #91C231 #7AA329 #638421 #4C6619 #364812

#C0FF41 - #7AA329 - #364812

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0FF41 0%, #7AA329 50%, #364812 100%);
    background: -webkit-linear-gradient(top, #C0FF41 0%, #7AA329 50%, #364812 100%);
    background: linear-gradient(to bottom, #C0FF41 0%, #7AA329 50%, #364812 100%);
}
</style>