#8F1926 - #DFBDC0 | colorate

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

Blend #8F1926 to #DFBDC0

#8F1926 #DFBDC0

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

RGBブレンド

#8F1926 - #DFBDC0 | colorate

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

0.0%	0.0% #8F1926	RGB 143 25 38	#8F1926
16.7%	16.7% #9C343F	RGB 156 52 63	#9C343F
33.3%	33.3% #A94F59	RGB 169 79 89	#A94F59
50.0%	50.0% #B76B73	RGB 183 107 115	#B76B73
66.7%	66.7% #C4868C	RGB 196 134 140	#C4868C
83.3%	83.3% #D1A1A6	RGB 209 161 166	#D1A1A6
100.0%	100.0% #DFBDC0	RGB 223 189 192	#DFBDC0

#8F1926 #9C343F #A94F59 #B76B73 #C4868C #D1A1A6 #DFBDC0

#8F1926 - #DFBDC0

HSVブレンド

#8F1926 - #DFBDC0 | colorate

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

0.0%	0.0% #8F1925	RGB 143 25 37	#8F1925
16.7%	16.7% #9C2C38	RGB 156 44 56	#9C2C38
33.3%	33.3% #A9434E	RGB 169 67 78	#A9434E
50.0%	50.0% #B75D66	RGB 183 93 102	#B75D66
66.7%	66.7% #C47A81	RGB 196 122 129	#C47A81
83.3%	83.3% #D19A9F	RGB 209 154 159	#D19A9F
100.0%	100.0% #DFBDC0	RGB 223 189 192	#DFBDC0

#8F1925 #9C2C38 #A9434E #B75D66 #C47A81 #D19A9F #DFBDC0

#8F1926 - #B75D66 - #DFBDC0

CSSコード

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

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