#717172 - #681E61 | colorate

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

Blend #717172 to #681E61

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

RGBブレンド

#717172 - #681E61 | colorate

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

0.0%	0.0% #717172	RGB 113 113 114	#717172
16.7%	16.7% #6F636F	RGB 111 99 111	#6F636F
33.3%	33.3% #6E556C	RGB 110 85 108	#6E556C
50.0%	50.0% #6C4769	RGB 108 71 105	#6C4769
66.7%	66.7% #6B3966	RGB 107 57 102	#6B3966
83.3%	83.3% #692B63	RGB 105 43 99	#692B63
100.0%	100.0% #681E61	RGB 104 30 97	#681E61

#717172 #6F636F #6E556C #6C4769 #6B3966 #692B63 #681E61

#717172 - #681E61

HSVブレンド

#717172 - #681E61 | colorate

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

0.0%	0.0% #717172	RGB 113 113 114	#717172
16.7%	16.7% #646270	RGB 100 98 112	#646270
33.3%	33.3% #5D536E	RGB 93 83 110	#5D536E
50.0%	50.0% #5B456D	RGB 91 69 109	#5B456D
66.7%	66.7% #5D386B	RGB 93 56 107	#5D386B
83.3%	83.3% #642A69	RGB 100 42 105	#642A69
100.0%	100.0% #681E61	RGB 104 30 97	#681E61

#717172 #646270 #5D536E #5B456D #5D386B #642A69 #681E61

#717172 - #5B456D - #681E61

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #717172 0%, #5B456D 50%, #681E61 100%);
    background: -webkit-linear-gradient(top, #717172 0%, #5B456D 50%, #681E61 100%);
    background: linear-gradient(to bottom, #717172 0%, #5B456D 50%, #681E61 100%);
}
</style>