#5C8E6A - #0D140E | colorate

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

Blend #5C8E6A to #0D140E

#5C8E6A #0D140E

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

RGBブレンド

#5C8E6A - #0D140E | colorate

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

0.0%	0.0% #5C8E6A	RGB 92 142 106	#5C8E6A
16.7%	16.7% #4E795A	RGB 78 121 90	#4E795A
33.3%	33.3% #41654B	RGB 65 101 75	#41654B
50.0%	50.0% #34513C	RGB 52 81 60	#34513C
66.7%	66.7% #273C2C	RGB 39 60 44	#273C2C
83.3%	83.3% #1A281D	RGB 26 40 29	#1A281D
100.0%	100.0% #0D140E	RGB 13 20 14	#0D140E

#5C8E6A #4E795A #41654B #34513C #273C2C #1A281D #0D140E

#5C8E6A - #0D140E

HSVブレンド

#5C8E6A - #0D140E | colorate

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

0.0%	0.0% #5C8E6A	RGB 92 142 106	#5C8E6A
16.7%	16.7% #4E7959	RGB 78 121 89	#4E7959
33.3%	33.3% #41654A	RGB 65 101 74	#41654A
50.0%	50.0% #34513A	RGB 52 81 58	#34513A
66.7%	66.7% #273C2B	RGB 39 60 43	#273C2B
83.3%	83.3% #1A281C	RGB 26 40 28	#1A281C
100.0%	100.0% #0D140E	RGB 13 20 14	#0D140E

#5C8E6A #4E7959 #41654A #34513A #273C2B #1A281C #0D140E

#5C8E6A - #34513A - #0D140E

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #5C8E6A 0%, #34513A 50%, #0D140E 100%);
    background: -webkit-linear-gradient(top, #5C8E6A 0%, #34513A 50%, #0D140E 100%);
    background: linear-gradient(to bottom, #5C8E6A 0%, #34513A 50%, #0D140E 100%);
}
</style>