#C09991 - #A24F3C | colorate

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

Blend #C09991 to #A24F3C

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

RGBブレンド

#C09991 - #A24F3C | colorate

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

0.0%	0.0% #C09991	RGB 192 153 145	#C09991
16.7%	16.7% #BB8C82	RGB 187 140 130	#BB8C82
33.3%	33.3% #B68074	RGB 182 128 116	#B68074
50.0%	50.0% #B17466	RGB 177 116 102	#B17466
66.7%	66.7% #AC6758	RGB 172 103 88	#AC6758
83.3%	83.3% #A75B4A	RGB 167 91 74	#A75B4A
100.0%	100.0% #A24F3C	RGB 162 79 60	#A24F3C

#C09991 #BB8C82 #B68074 #B17466 #AC6758 #A75B4A #A24F3C

#C09991 - #A24F3C

HSVブレンド

#C09991 - #A24F3C | colorate

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

0.0%	0.0% #C09991	RGB 192 153 145	#C09991
16.7%	16.7% #BB8B81	RGB 187 139 129	#BB8B81
33.3%	33.3% #B67E72	RGB 182 126 114	#B67E72
50.0%	50.0% #B17163	RGB 177 113 99	#B17163
66.7%	66.7% #AC6555	RGB 172 101 85	#AC6555
83.3%	83.3% #A75948	RGB 167 89 72	#A75948
100.0%	100.0% #A24F3C	RGB 162 79 60	#A24F3C

#C09991 #BB8B81 #B67E72 #B17163 #AC6555 #A75948 #A24F3C

#C09991 - #B17163 - #A24F3C

CSSコード

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

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