#717473 - #767E80 | colorate

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

Blend #717473 to #767E80

#717473 #767E80

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

RGBブレンド

#717473 - #767E80 | colorate

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

0.0%	0.0% #717473	RGB 113 116 115	#717473
16.7%	16.7% #717575	RGB 113 117 117	#717575
33.3%	33.3% #727777	RGB 114 119 119	#727777
50.0%	50.0% #737979	RGB 115 121 121	#737979
66.7%	66.7% #747A7B	RGB 116 122 123	#747A7B
83.3%	83.3% #757C7D	RGB 117 124 125	#757C7D
100.0%	100.0% #767E80	RGB 118 126 128	#767E80

#717473 #717575 #727777 #737979 #747A7B #757C7D #767E80

#717473 - #767E80

HSVブレンド

#717473 - #767E80 | colorate

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

0.0%	0.0% #717473	RGB 113 116 115	#717473
16.7%	16.7% #717675	RGB 113 118 117	#717675
33.3%	33.3% #727877	RGB 114 120 119	#727877
50.0%	50.0% #737A79	RGB 115 122 121	#737A79
66.7%	66.7% #747B7C	RGB 116 123 124	#747B7C
83.3%	83.3% #757D7E	RGB 117 125 126	#757D7E
100.0%	100.0% #767E80	RGB 118 126 128	#767E80

#717473 #717675 #727877 #737A79 #747B7C #757D7E #767E80

#717473 - #737A79 - #767E80

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #717473 0%, #737A79 50%, #767E80 100%);
    background: -webkit-linear-gradient(top, #717473 0%, #737A79 50%, #767E80 100%);
    background: linear-gradient(to bottom, #717473 0%, #737A79 50%, #767E80 100%);
}
</style>