#085E2D - #75B864 | colorate

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

Blend #085E2D to #75B864

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

RGBブレンド

#085E2D - #75B864 | colorate

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

0.0%	0.0% #085E2D	RGB 8 94 45	#085E2D
16.7%	16.7% #1A6D36	RGB 26 109 54	#1A6D36
33.3%	33.3% #2C7C3F	RGB 44 124 63	#2C7C3F
50.0%	50.0% #3E8B48	RGB 62 139 72	#3E8B48
66.7%	66.7% #509A51	RGB 80 154 81	#509A51
83.3%	83.3% #62A95A	RGB 98 169 90	#62A95A
100.0%	100.0% #75B864	RGB 117 184 100	#75B864

#085E2D #1A6D36 #2C7C3F #3E8B48 #509A51 #62A95A #75B864

#085E2D - #75B864

HSVブレンド

#085E2D - #75B864 | colorate

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

0.0%	0.0% #075E2D	RGB 7 94 45	#075E2D
16.7%	16.7% #116D2F	RGB 17 109 47	#116D2F
33.3%	33.3% #1D7C32	RGB 29 124 50	#1D7C32
50.0%	50.0% #2B8B36	RGB 43 139 54	#2B8B36
66.7%	66.7% #3C9A3C	RGB 60 154 60	#3C9A3C
83.3%	83.3% #57A94E	RGB 87 169 78	#57A94E
100.0%	100.0% #75B864	RGB 117 184 100	#75B864

#075E2D #116D2F #1D7C32 #2B8B36 #3C9A3C #57A94E #75B864

#085E2D - #2B8B36 - #75B864

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #075E2D 0%, #2B8B36 50%, #75B864 100%);
    background: -webkit-linear-gradient(top, #075E2D 0%, #2B8B36 50%, #75B864 100%);
    background: linear-gradient(to bottom, #075E2D 0%, #2B8B36 50%, #75B864 100%);
}
</style>