#C7ACAC - #AF5E57 | colorate

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

Blend #C7ACAC to #AF5E57

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

RGBブレンド

#C7ACAC - #AF5E57 | colorate

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

0.0%	0.0% #C7ACAC	RGB 199 172 172	#C7ACAC
16.7%	16.7% #C39F9D	RGB 195 159 157	#C39F9D
33.3%	33.3% #BF928F	RGB 191 146 143	#BF928F
50.0%	50.0% #BB8581	RGB 187 133 129	#BB8581
66.7%	66.7% #B77873	RGB 183 120 115	#B77873
83.3%	83.3% #B36B65	RGB 179 107 101	#B36B65
100.0%	100.0% #AF5E57	RGB 175 94 87	#AF5E57

#C7ACAC #C39F9D #BF928F #BB8581 #B77873 #B36B65 #AF5E57

#C7ACAC - #AF5E57

HSVブレンド

#C7ACAC - #AF5E57 | colorate

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

0.0%	0.0% #C7ACAC	RGB 199 172 172	#C7ACAC
16.7%	16.7% #C39D9C	RGB 195 157 156	#C39D9C
33.3%	33.3% #BF8F8D	RGB 191 143 141	#BF8F8D
50.0%	50.0% #BB817F	RGB 187 129 127	#BB817F
66.7%	66.7% #B77571	RGB 183 117 113	#B77571
83.3%	83.3% #B36963	RGB 179 105 99	#B36963
100.0%	100.0% #AF5E57	RGB 175 94 87	#AF5E57

#C7ACAC #C39D9C #BF8F8D #BB817F #B77571 #B36963 #AF5E57

#C7ACAC - #BB817F - #AF5E57

CSSコード

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

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