#300F1D - #C3BABD | colorate

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

Blend #300F1D to #C3BABD

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

RGBブレンド

#300F1D - #C3BABD | colorate

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

0.0%	0.0% #300F1D	RGB 48 15 29	#300F1D
16.7%	16.7% #482B37	RGB 72 43 55	#482B37
33.3%	33.3% #614852	RGB 97 72 82	#614852
50.0%	50.0% #79646D	RGB 121 100 109	#79646D
66.7%	66.7% #928187	RGB 146 129 135	#928187
83.3%	83.3% #AA9DA2	RGB 170 157 162	#AA9DA2
100.0%	100.0% #C3BABD	RGB 195 186 189	#C3BABD

#300F1D #482B37 #614852 #79646D #928187 #AA9DA2 #C3BABD

#300F1D - #C3BABD

HSVブレンド

#300F1D - #C3BABD | colorate

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

0.0%	0.0% #300F1D	RGB 48 15 29	#300F1D
16.7%	16.7% #481E2F	RGB 72 30 47	#481E2F
33.3%	33.3% #613345	RGB 97 51 69	#613345
50.0%	50.0% #794C5D	RGB 121 76 93	#794C5D
66.7%	66.7% #926C79	RGB 146 108 121	#926C79
83.3%	83.3% #AA9099	RGB 170 144 153	#AA9099
100.0%	100.0% #C3BABD	RGB 195 186 189	#C3BABD

#300F1D #481E2F #613345 #794C5D #926C79 #AA9099 #C3BABD

#300F1D - #794C5D - #C3BABD

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #300F1D 0%, #794C5D 50%, #C3BABD 100%);
    background: -webkit-linear-gradient(top, #300F1D 0%, #794C5D 50%, #C3BABD 100%);
    background: linear-gradient(to bottom, #300F1D 0%, #794C5D 50%, #C3BABD 100%);
}
</style>