#76708F - #100F14 | colorate

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

Blend #76708F to #100F14

#76708F #100F14

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

RGBブレンド

#76708F - #100F14 | colorate

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

0.0%	0.0% #76708F	RGB 118 112 143	#76708F
16.7%	16.7% #655F7A	RGB 101 95 122	#655F7A
33.3%	33.3% #544F66	RGB 84 79 102	#544F66
50.0%	50.0% #433F51	RGB 67 63 81	#433F51
66.7%	66.7% #322F3D	RGB 50 47 61	#322F3D
83.3%	83.3% #211F28	RGB 33 31 40	#211F28
100.0%	100.0% #100F14	RGB 16 15 20	#100F14

#76708F #655F7A #544F66 #433F51 #322F3D #211F28 #100F14

#76708F - #100F14

HSVブレンド

#76708F - #100F14 | colorate

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

0.0%	0.0% #76708F	RGB 118 112 143	#76708F
16.7%	16.7% #645F7A	RGB 100 95 122	#645F7A
33.3%	33.3% #534E66	RGB 83 78 102	#534E66
50.0%	50.0% #423E51	RGB 66 62 81	#423E51
66.7%	66.7% #312E3D	RGB 49 46 61	#312E3D
83.3%	83.3% #201E28	RGB 32 30 40	#201E28
100.0%	100.0% #100F14	RGB 16 15 20	#100F14

#76708F #645F7A #534E66 #423E51 #312E3D #201E28 #100F14

#76708F - #423E51 - #100F14

CSSコード

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

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