#636162 - #E6AD86 | colorate

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

Blend #636162 to #E6AD86

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

RGBブレンド

#636162 - #E6AD86 | colorate

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

0.0%	0.0% #636162	RGB 99 97 98	#636162
16.7%	16.7% #786D68	RGB 120 109 104	#786D68
33.3%	33.3% #8E7A6E	RGB 142 122 110	#8E7A6E
50.0%	50.0% #A48774	RGB 164 135 116	#A48774
66.7%	66.7% #BA937A	RGB 186 147 122	#BA937A
83.3%	83.3% #D0A080	RGB 208 160 128	#D0A080
100.0%	100.0% #E6AD86	RGB 230 173 134	#E6AD86

#636162 #786D68 #8E7A6E #A48774 #BA937A #D0A080 #E6AD86

#636162 - #E6AD86

HSVブレンド

#636162 - #E6AD86 | colorate

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

0.0%	0.0% #636162	RGB 99 97 98	#636162
16.7%	16.7% #786E72	RGB 120 110 114	#786E72
33.3%	33.3% #8E787D	RGB 142 120 125	#8E787D
50.0%	50.0% #A48082	RGB 164 128 130	#A48082
66.7%	66.7% #BA8A85	RGB 186 138 133	#BA8A85
83.3%	83.3% #D09987	RGB 208 153 135	#D09987
100.0%	100.0% #E6AD86	RGB 230 173 134	#E6AD86

#636162 #786E72 #8E787D #A48082 #BA8A85 #D09987 #E6AD86

#636162 - #A48082 - #E6AD86

CSSコード

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

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