#C48A8F - #873A42 | colorate

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

Blend #C48A8F to #873A42

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

RGBブレンド

#C48A8F - #873A42 | colorate

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

0.0%	0.0% #C48A8F	RGB 196 138 143	#C48A8F
16.7%	16.7% #B97C82	RGB 185 124 130	#B97C82
33.3%	33.3% #AF6F75	RGB 175 111 117	#AF6F75
50.0%	50.0% #A56268	RGB 165 98 104	#A56268
66.7%	66.7% #9B545B	RGB 155 84 91	#9B545B
83.3%	83.3% #91474E	RGB 145 71 78	#91474E
100.0%	100.0% #873A42	RGB 135 58 66	#873A42

#C48A8F #B97C82 #AF6F75 #A56268 #9B545B #91474E #873A42

#C48A8F - #873A42

HSVブレンド

#C48A8F - #873A42 | colorate

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

0.0%	0.0% #C48A8F	RGB 196 138 143	#C48A8F
16.7%	16.7% #B97A80	RGB 185 122 128	#B97A80
33.3%	33.3% #AF6B71	RGB 175 107 113	#AF6B71
50.0%	50.0% #A55D64	RGB 165 93 100	#A55D64
66.7%	66.7% #9B5058	RGB 155 80 88	#9B5058
83.3%	83.3% #91454C	RGB 145 69 76	#91454C
100.0%	100.0% #873A42	RGB 135 58 66	#873A42

#C48A8F #B97A80 #AF6B71 #A55D64 #9B5058 #91454C #873A42

#C48A8F - #A55D64 - #873A42

CSSコード

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

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