#038F39 - #00280E | colorate

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

Blend #038F39 to #00280E

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

RGBブレンド

#038F39 - #00280E | colorate

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

0.0%	0.0% #038F39	RGB 3 143 57	#038F39
16.7%	16.7% #027D31	RGB 2 125 49	#027D31
33.3%	33.3% #026C2A	RGB 2 108 42	#026C2A
50.0%	50.0% #015B23	RGB 1 91 35	#015B23
66.7%	66.7% #014A1C	RGB 1 74 28	#014A1C
83.3%	83.3% #003915	RGB 0 57 21	#003915
100.0%	100.0% #00280E	RGB 0 40 14	#00280E

#038F39 #027D31 #026C2A #015B23 #014A1C #003915 #00280E

#038F39 - #00280E

HSVブレンド

#038F39 - #00280E | colorate

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

0.0%	0.0% #038F38	RGB 3 143 56	#038F38
16.7%	16.7% #027D31	RGB 2 125 49	#027D31
33.3%	33.3% #016C29	RGB 1 108 41	#016C29
50.0%	50.0% #005B22	RGB 0 91 34	#005B22
66.7%	66.7% #004A1B	RGB 0 74 27	#004A1B
83.3%	83.3% #003914	RGB 0 57 20	#003914
100.0%	100.0% #00280E	RGB 0 40 14	#00280E

#038F38 #027D31 #016C29 #005B22 #004A1B #003914 #00280E

#038F39 - #005B22 - #00280E

CSSコード

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

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