#006424 - #7DC461 | colorate

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

Blend #006424 to #7DC461

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

RGBブレンド

#006424 - #7DC461 | colorate

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

0.0%	0.0% #006424	RGB 0 100 36	#006424
16.7%	16.7% #14742E	RGB 20 116 46	#14742E
33.3%	33.3% #298438	RGB 41 132 56	#298438
50.0%	50.0% #3E9442	RGB 62 148 66	#3E9442
66.7%	66.7% #53A44C	RGB 83 164 76	#53A44C
83.3%	83.3% #68B456	RGB 104 180 86	#68B456
100.0%	100.0% #7DC461	RGB 125 196 97	#7DC461

#006424 #14742E #298438 #3E9442 #53A44C #68B456 #7DC461

#006424 - #7DC461

HSVブレンド

#006424 - #7DC461 | colorate

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

0.0%	0.0% #006423	RGB 0 100 35	#006423
16.7%	16.7% #097424	RGB 9 116 36	#097424
33.3%	33.3% #158425	RGB 21 132 37	#158425
50.0%	50.0% #249428	RGB 36 148 40	#249428
66.7%	66.7% #3DA436	RGB 61 164 54	#3DA436
83.3%	83.3% #5CB44A	RGB 92 180 74	#5CB44A
100.0%	100.0% #7DC461	RGB 125 196 97	#7DC461

#006423 #097424 #158425 #249428 #3DA436 #5CB44A #7DC461

#006424 - #249428 - #7DC461

CSSコード

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

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