#6CAB43 - #0F1809 | colorate

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

Blend #6CAB43 to #0F1809

#6CAB43 #0F1809

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

RGBブレンド

#6CAB43 - #0F1809 | colorate

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

0.0%	0.0% #6CAB43	RGB 108 171 67	#6CAB43
16.7%	16.7% #5C9239	RGB 92 146 57	#5C9239
33.3%	33.3% #4D7A2F	RGB 77 122 47	#4D7A2F
50.0%	50.0% #3D6126	RGB 61 97 38	#3D6126
66.7%	66.7% #2E491C	RGB 46 73 28	#2E491C
83.3%	83.3% #1E3012	RGB 30 48 18	#1E3012
100.0%	100.0% #0F1809	RGB 15 24 9	#0F1809

#6CAB43 #5C9239 #4D7A2F #3D6126 #2E491C #1E3012 #0F1809

#6CAB43 - #0F1809

HSVブレンド

#6CAB43 - #0F1809 | colorate

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

0.0%	0.0% #6CAB43	RGB 108 171 67	#6CAB43
16.7%	16.7% #5C9238	RGB 92 146 56	#5C9238
33.3%	33.3% #4C7A2F	RGB 76 122 47	#4C7A2F
50.0%	50.0% #3D6125	RGB 61 97 37	#3D6125
66.7%	66.7% #2D491B	RGB 45 73 27	#2D491B
83.3%	83.3% #1E3012	RGB 30 48 18	#1E3012
100.0%	100.0% #0F1809	RGB 15 24 9	#0F1809

#6CAB43 #5C9238 #4C7A2F #3D6125 #2D491B #1E3012 #0F1809

#6CAB43 - #3D6125 - #0F1809

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #6CAB43 0%, #3D6125 50%, #0F1809 100%);
    background: -webkit-linear-gradient(top, #6CAB43 0%, #3D6125 50%, #0F1809 100%);
    background: linear-gradient(to bottom, #6CAB43 0%, #3D6125 50%, #0F1809 100%);
}
</style>