#2B032F - #C2B7C3 | colorate

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

Blend #2B032F to #C2B7C3

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

RGBブレンド

#2B032F - #C2B7C3 | colorate

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

0.0%	0.0% #2B032F	RGB 43 3 47	#2B032F
16.7%	16.7% #442147	RGB 68 33 71	#442147
33.3%	33.3% #5D3F60	RGB 93 63 96	#5D3F60
50.0%	50.0% #765D79	RGB 118 93 121	#765D79
66.7%	66.7% #8F7B91	RGB 143 123 145	#8F7B91
83.3%	83.3% #A899AA	RGB 168 153 170	#A899AA
100.0%	100.0% #C2B7C3	RGB 194 183 195	#C2B7C3

#2B032F #442147 #5D3F60 #765D79 #8F7B91 #A899AA #C2B7C3

#2B032F - #C2B7C3

HSVブレンド

#2B032F - #C2B7C3 | colorate

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

0.0%	0.0% #2B022F	RGB 43 2 47	#2B022F
16.7%	16.7% #420F47	RGB 66 15 71	#420F47
33.3%	33.3% #5A2260	RGB 90 34 96	#5A2260
50.0%	50.0% #733C79	RGB 115 60 121	#733C79
66.7%	66.7% #8D5E91	RGB 141 94 145	#8D5E91
83.3%	83.3% #A787AA	RGB 167 135 170	#A787AA
100.0%	100.0% #C2B7C3	RGB 194 183 195	#C2B7C3

#2B022F #420F47 #5A2260 #733C79 #8D5E91 #A787AA #C2B7C3

#2B032F - #733C79 - #C2B7C3

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B022F 0%, #733C79 50%, #C2B7C3 100%);
    background: -webkit-linear-gradient(top, #2B022F 0%, #733C79 50%, #C2B7C3 100%);
    background: linear-gradient(to bottom, #2B022F 0%, #733C79 50%, #C2B7C3 100%);
}
</style>