#038F52 - #002815 | colorate

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

Blend #038F52 to #002815

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

RGBブレンド

#038F52 - #002815 | colorate

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

0.0%	0.0% #038F52	RGB 3 143 82	#038F52
16.7%	16.7% #027D47	RGB 2 125 71	#027D47
33.3%	33.3% #026C3D	RGB 2 108 61	#026C3D
50.0%	50.0% #015B33	RGB 1 91 51	#015B33
66.7%	66.7% #014A29	RGB 1 74 41	#014A29
83.3%	83.3% #00391F	RGB 0 57 31	#00391F
100.0%	100.0% #002815	RGB 0 40 21	#002815

#038F52 #027D47 #026C3D #015B33 #014A29 #00391F #002815

#038F52 - #002815

HSVブレンド

#038F52 - #002815 | colorate

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

0.0%	0.0% #038F52	RGB 3 143 82	#038F52
16.7%	16.7% #027D47	RGB 2 125 71	#027D47
33.3%	33.3% #016C3C	RGB 1 108 60	#016C3C
50.0%	50.0% #005B32	RGB 0 91 50	#005B32
66.7%	66.7% #004A28	RGB 0 74 40	#004A28
83.3%	83.3% #00391E	RGB 0 57 30	#00391E
100.0%	100.0% #002815	RGB 0 40 21	#002815

#038F52 #027D47 #016C3C #005B32 #004A28 #00391E #002815

#038F52 - #005B32 - #002815

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #038F52 0%, #005B32 50%, #002815 100%);
    background: -webkit-linear-gradient(top, #038F52 0%, #005B32 50%, #002815 100%);
    background: linear-gradient(to bottom, #038F52 0%, #005B32 50%, #002815 100%);
}
</style>