#5C9694 - #5B79A2 | colorate

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

Blend #5C9694 to #5B79A2

#5C9694

#5B79A2

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

RGBブレンド

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

0.0%	0.0% #5C9694	RGB 92 150 148	#5C9694
16.7%	16.7% #5C9296	RGB 92 146 150	#5C9296
33.3%	33.3% #5C8D98	RGB 92 141 152	#5C8D98
50.0%	50.0% #5C889B	RGB 92 136 155	#5C889B
66.7%	66.7% #5C839D	RGB 92 131 157	#5C839D
83.3%	83.3% #5C7E9F	RGB 92 126 159	#5C7E9F
100.0%	100.0% #5B79A2	RGB 91 121 162	#5B79A2

#5C9694 #5C9296 #5C8D98 #5C889B #5C839D #5C7E9F #5B79A2

#5C9694 - #5B79A2

HSVブレンド

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

0.0%	0.0% #5C9694	RGB 92 150 148	#5C9694
16.7%	16.7% #5B9398	RGB 91 147 152	#5B9398
33.3%	33.3% #5B8F9A	RGB 91 143 154	#5B8F9A
50.0%	50.0% #5B8A9C	RGB 91 138 156	#5B8A9C
66.7%	66.7% #5B859E	RGB 91 133 158	#5B859E
83.3%	83.3% #5B7FA0	RGB 91 127 160	#5B7FA0
100.0%	100.0% #5B79A2	RGB 91 121 162	#5B79A2

#5C9694 #5B9398 #5B8F9A #5B8A9C #5B859E #5B7FA0 #5B79A2

#5C9694 - #5B8A9C - #5B79A2

CSSコード

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

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