#665869 - #586966 | colorate

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

Blend #665869 to #586966

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

RGBブレンド

#665869 - #586966 | colorate

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

0.0%	0.0% #665869	RGB 102 88 105	#665869
16.7%	16.7% #635A68	RGB 99 90 104	#635A68
33.3%	33.3% #615D68	RGB 97 93 104	#615D68
50.0%	50.0% #5F6067	RGB 95 96 103	#5F6067
66.7%	66.7% #5C6367	RGB 92 99 103	#5C6367
83.3%	83.3% #5A6666	RGB 90 102 102	#5A6666
100.0%	100.0% #586966	RGB 88 105 102	#586966

#665869 #635A68 #615D68 #5F6067 #5C6367 #5A6666 #586966

#665869 - #586966

HSVブレンド

#665869 - #586966 | colorate

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

0.0%	0.0% #665869	RGB 102 88 105	#665869
16.7%	16.7% #605869	RGB 96 88 105	#605869
33.3%	33.3% #5A5869	RGB 90 88 105	#5A5869
50.0%	50.0% #585B69	RGB 88 91 105	#585B69
66.7%	66.7% #586069	RGB 88 96 105	#586069
83.3%	83.3% #586669	RGB 88 102 105	#586669
100.0%	100.0% #586966	RGB 88 105 102	#586966

#665869 #605869 #5A5869 #585B69 #586069 #586669 #586966

#665869 - #585B69 - #586966

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #665869 0%, #585B69 50%, #586966 100%);
    background: -webkit-linear-gradient(top, #665869 0%, #585B69 50%, #586966 100%);
    background: linear-gradient(to bottom, #665869 0%, #585B69 50%, #586966 100%);
}
</style>