#8F2F4F - #DFC3CB | colorate

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

Blend #8F2F4F to #DFC3CB

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

RGBブレンド

#8F2F4F - #DFC3CB | colorate

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

0.0%	0.0% #8F2F4F	RGB 143 47 79	#8F2F4F
16.7%	16.7% #9C4763	RGB 156 71 99	#9C4763
33.3%	33.3% #A96078	RGB 169 96 120	#A96078
50.0%	50.0% #B7798D	RGB 183 121 141	#B7798D
66.7%	66.7% #C491A1	RGB 196 145 161	#C491A1
83.3%	83.3% #D1AAB6	RGB 209 170 182	#D1AAB6
100.0%	100.0% #DFC3CB	RGB 223 195 203	#DFC3CB

#8F2F4F #9C4763 #A96078 #B7798D #C491A1 #D1AAB6 #DFC3CB

#8F2F4F - #DFC3CB

HSVブレンド

#8F2F4F - #DFC3CB | colorate

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

0.0%	0.0% #8F2F4F	RGB 143 47 79	#8F2F4F
16.7%	16.7% #9C415F	RGB 156 65 95	#9C415F
33.3%	33.3% #A95670	RGB 169 86 112	#A95670
50.0%	50.0% #B76E84	RGB 183 110 132	#B76E84
66.7%	66.7% #C4879A	RGB 196 135 154	#C4879A
83.3%	83.3% #D1A4B1	RGB 209 164 177	#D1A4B1
100.0%	100.0% #DFC3CB	RGB 223 195 203	#DFC3CB

#8F2F4F #9C415F #A95670 #B76E84 #C4879A #D1A4B1 #DFC3CB

#8F2F4F - #B76E84 - #DFC3CB

CSSコード

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

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