#76728F - #101014 | colorate

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

Blend #76728F to #101014

#76728F #101014

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

RGBブレンド

#76728F - #101014 | colorate

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

0.0%	0.0% #76728F	RGB 118 114 143	#76728F
16.7%	16.7% #65617A	RGB 101 97 122	#65617A
33.3%	33.3% #545166	RGB 84 81 102	#545166
50.0%	50.0% #434151	RGB 67 65 81	#434151
66.7%	66.7% #32303D	RGB 50 48 61	#32303D
83.3%	83.3% #212028	RGB 33 32 40	#212028
100.0%	100.0% #101014	RGB 16 16 20	#101014

#76728F #65617A #545166 #434151 #32303D #212028 #101014

#76728F - #101014

HSVブレンド

#76728F - #101014 | colorate

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

0.0%	0.0% #76728F	RGB 118 114 143	#76728F
16.7%	16.7% #64617A	RGB 100 97 122	#64617A
33.3%	33.3% #535166	RGB 83 81 102	#535166
50.0%	50.0% #424151	RGB 66 65 81	#424151
66.7%	66.7% #31303D	RGB 49 48 61	#31303D
83.3%	83.3% #202028	RGB 32 32 40	#202028
100.0%	100.0% #101014	RGB 16 16 20	#101014

#76728F #64617A #535166 #424151 #31303D #202028 #101014

#76728F - #424151 - #101014

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #76728F 0%, #424151 50%, #101014 100%);
    background: -webkit-linear-gradient(top, #76728F 0%, #424151 50%, #101014 100%);
    background: linear-gradient(to bottom, #76728F 0%, #424151 50%, #101014 100%);
}
</style>