#5E8C7B - #175541 | colorate

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

Blend #5E8C7B to #175541

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

RGBブレンド

#5E8C7B - #175541 | colorate

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

0.0%	0.0% #5E8C7B	RGB 94 140 123	#5E8C7B
16.7%	16.7% #528271	RGB 82 130 113	#528271
33.3%	33.3% #467967	RGB 70 121 103	#467967
50.0%	50.0% #3A705E	RGB 58 112 94	#3A705E
66.7%	66.7% #2E6754	RGB 46 103 84	#2E6754
83.3%	83.3% #225E4A	RGB 34 94 74	#225E4A
100.0%	100.0% #175541	RGB 23 85 65	#175541

#5E8C7B #528271 #467967 #3A705E #2E6754 #225E4A #175541

#5E8C7B - #175541

HSVブレンド

#5E8C7B - #175541 | colorate

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

0.0%	0.0% #5E8C7B	RGB 94 140 123	#5E8C7B
16.7%	16.7% #4F8270	RGB 79 130 112	#4F8270
33.3%	33.3% #417965	RGB 65 121 101	#417965
50.0%	50.0% #34705B	RGB 52 112 91	#34705B
66.7%	66.7% #296752	RGB 41 103 82	#296752
83.3%	83.3% #1F5E49	RGB 31 94 73	#1F5E49
100.0%	100.0% #175541	RGB 23 85 65	#175541

#5E8C7B #4F8270 #417965 #34705B #296752 #1F5E49 #175541

#5E8C7B - #34705B - #175541

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8C7B 0%, #34705B 50%, #175541 100%);
    background: -webkit-linear-gradient(top, #5E8C7B 0%, #34705B 50%, #175541 100%);
    background: linear-gradient(to bottom, #5E8C7B 0%, #34705B 50%, #175541 100%);
}
</style>