#289056 - #015C27 | colorate

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

Blend #289056 to #015C27

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

RGBブレンド

#289056 - #015C27 | colorate

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

0.0%	0.0% #289056	RGB 40 144 86	#289056
16.7%	16.7% #21874E	RGB 33 135 78	#21874E
33.3%	33.3% #1B7E46	RGB 27 126 70	#1B7E46
50.0%	50.0% #14763E	RGB 20 118 62	#14763E
66.7%	66.7% #0E6D36	RGB 14 109 54	#0E6D36
83.3%	83.3% #07642E	RGB 7 100 46	#07642E
100.0%	100.0% #015C27	RGB 1 92 39	#015C27

#289056 #21874E #1B7E46 #14763E #0E6D36 #07642E #015C27

#289056 - #015C27

HSVブレンド

#289056 - #015C27 | colorate

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

0.0%	0.0% #289055	RGB 40 144 85	#289055
16.7%	16.7% #1F874D	RGB 31 135 77	#1F874D
33.3%	33.3% #177E44	RGB 23 126 68	#177E44
50.0%	50.0% #11763C	RGB 17 118 60	#11763C
66.7%	66.7% #0A6D34	RGB 10 109 52	#0A6D34
83.3%	83.3% #05642D	RGB 5 100 45	#05642D
100.0%	100.0% #015C27	RGB 1 92 39	#015C27

#289055 #1F874D #177E44 #11763C #0A6D34 #05642D #015C27

#289056 - #11763C - #015C27

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #289055 0%, #11763C 50%, #015C27 100%);
    background: -webkit-linear-gradient(top, #289055 0%, #11763C 50%, #015C27 100%);
    background: linear-gradient(to bottom, #289055 0%, #11763C 50%, #015C27 100%);
}
</style>