#595D78 - #6F5B84 | colorate

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

Blend #595D78 to #6F5B84

#595D78

#6F5B84

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

RGBブレンド

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

0.0%	0.0% #595D78	RGB 89 93 120	#595D78
16.7%	16.7% #5C5D7A	RGB 92 93 122	#5C5D7A
33.3%	33.3% #605D7C	RGB 96 93 124	#605D7C
50.0%	50.0% #645C7E	RGB 100 92 126	#645C7E
66.7%	66.7% #675C80	RGB 103 92 128	#675C80
83.3%	83.3% #6B5C82	RGB 107 92 130	#6B5C82
100.0%	100.0% #6F5B84	RGB 111 91 132	#6F5B84

#595D78 #5C5D7A #605D7C #645C7E #675C80 #6B5C82 #6F5B84

#595D78 - #6F5B84

HSVブレンド

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

0.0%	0.0% #595D78	RGB 89 93 120	#595D78
16.7%	16.7% #595A7A	RGB 89 90 122	#595A7A
33.3%	33.3% #5C597C	RGB 92 89 124	#5C597C
50.0%	50.0% #605A7E	RGB 96 90 126	#605A7E
66.7%	66.7% #655A80	RGB 101 90 128	#655A80
83.3%	83.3% #695A82	RGB 105 90 130	#695A82
100.0%	100.0% #6F5B84	RGB 111 91 132	#6F5B84

#595D78 #595A7A #5C597C #605A7E #655A80 #695A82 #6F5B84

#595D78 - #605A7E - #6F5B84

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #595D78 0%, #605A7E 50%, #6F5B84 100%);
    background: -webkit-linear-gradient(top, #595D78 0%, #605A7E 50%, #6F5B84 100%);
    background: linear-gradient(to bottom, #595D78 0%, #605A7E 50%, #6F5B84 100%); 
}
</style>