#9F2C0C - #E3C2B9 | colorate

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

Blend #9F2C0C to #E3C2B9

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

RGBブレンド

#9F2C0C - #E3C2B9 | colorate

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

0.0%	0.0% #9F2C0C	RGB 159 44 12	#9F2C0C
16.7%	16.7% #AA4528	RGB 170 69 40	#AA4528
33.3%	33.3% #B55E45	RGB 181 94 69	#B55E45
50.0%	50.0% #C17762	RGB 193 119 98	#C17762
66.7%	66.7% #CC907F	RGB 204 144 127	#CC907F
83.3%	83.3% #D7A99C	RGB 215 169 156	#D7A99C
100.0%	100.0% #E3C2B9	RGB 227 194 185	#E3C2B9

#9F2C0C #AA4528 #B55E45 #C17762 #CC907F #D7A99C #E3C2B9

#9F2C0C - #E3C2B9

HSVブレンド

#9F2C0C - #E3C2B9 | colorate

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

0.0%	0.0% #9F2C0C	RGB 159 44 12	#9F2C0C
16.7%	16.7% #AA3F21	RGB 170 63 33	#AA3F21
33.3%	33.3% #B5553A	RGB 181 85 58	#B5553A
50.0%	50.0% #C16D55	RGB 193 109 85	#C16D55
66.7%	66.7% #CC8774	RGB 204 135 116	#CC8774
83.3%	83.3% #D7A395	RGB 215 163 149	#D7A395
100.0%	100.0% #E3C2B9	RGB 227 194 185	#E3C2B9

#9F2C0C #AA3F21 #B5553A #C16D55 #CC8774 #D7A395 #E3C2B9

#9F2C0C - #C16D55 - #E3C2B9

CSSコード

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

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