#76878F - #343C45 | colorate

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

Blend #76878F to #343C45

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

RGBブレンド

#76878F - #343C45 | colorate

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

0.0%	0.0% #76878F	RGB 118 135 143	#76878F
16.7%	16.7% #6B7A82	RGB 107 122 130	#6B7A82
33.3%	33.3% #606E76	RGB 96 110 118	#606E76
50.0%	50.0% #55616A	RGB 85 97 106	#55616A
66.7%	66.7% #4A555D	RGB 74 85 93	#4A555D
83.3%	83.3% #3F4851	RGB 63 72 81	#3F4851
100.0%	100.0% #343C45	RGB 52 60 69	#343C45

#76878F #6B7A82 #606E76 #55616A #4A555D #3F4851 #343C45

#76878F - #343C45

HSVブレンド

#76878F - #343C45 | colorate

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

0.0%	0.0% #76878F	RGB 118 135 143	#76878F
16.7%	16.7% #6A7A82	RGB 106 122 130	#6A7A82
33.3%	33.3% #5E6D76	RGB 94 109 118	#5E6D76
50.0%	50.0% #53606A	RGB 83 96 106	#53606A
66.7%	66.7% #48545D	RGB 72 84 93	#48545D
83.3%	83.3% #3E4751	RGB 62 71 81	#3E4751
100.0%	100.0% #343C45	RGB 52 60 69	#343C45

#76878F #6A7A82 #5E6D76 #53606A #48545D #3E4751 #343C45

#76878F - #53606A - #343C45

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76878F 0%, #53606A 50%, #343C45 100%);
    background: -webkit-linear-gradient(top, #76878F 0%, #53606A 50%, #343C45 100%);
    background: linear-gradient(to bottom, #76878F 0%, #53606A 50%, #343C45 100%);
}
</style>