#80728F - #101014 | colorate

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

Blend #80728F to #101014

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

RGBブレンド

#80728F - #101014 | colorate

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

0.0%	0.0% #80728F	RGB 128 114 143	#80728F
16.7%	16.7% #6D617A	RGB 109 97 122	#6D617A
33.3%	33.3% #5A5166	RGB 90 81 102	#5A5166
50.0%	50.0% #484151	RGB 72 65 81	#484151
66.7%	66.7% #35303D	RGB 53 48 61	#35303D
83.3%	83.3% #222028	RGB 34 32 40	#222028
100.0%	100.0% #101014	RGB 16 16 20	#101014

#80728F #6D617A #5A5166 #484151 #35303D #222028 #101014

#80728F - #101014

HSVブレンド

#80728F - #101014 | colorate

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

0.0%	0.0% #80728F	RGB 128 114 143	#80728F
16.7%	16.7% #6B617A	RGB 107 97 122	#6B617A
33.3%	33.3% #585166	RGB 88 81 102	#585166
50.0%	50.0% #454151	RGB 69 65 81	#454151
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

#80728F #6B617A #585166 #454151 #32303D #212028 #101014

#80728F - #454151 - #101014

CSSコード

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

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