#B6014D - #430019 | colorate

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

Blend #B6014D to #430019

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

RGBブレンド

#B6014D - #430019 | colorate

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

0.0%	0.0% #B6014D	RGB 182 1 77	#B6014D
16.7%	16.7% #A20044	RGB 162 0 68	#A20044
33.3%	33.3% #8F003B	RGB 143 0 59	#8F003B
50.0%	50.0% #7C0033	RGB 124 0 51	#7C0033
66.7%	66.7% #69002A	RGB 105 0 42	#69002A
83.3%	83.3% #560021	RGB 86 0 33	#560021
100.0%	100.0% #430019	RGB 67 0 25	#430019

#B6014D #A20044 #8F003B #7C0033 #69002A #560021 #430019

#B6014D - #430019

HSVブレンド

#B6014D - #430019 | colorate

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

0.0%	0.0% #B6014C	RGB 182 1 76	#B6014C
16.7%	16.7% #A20043	RGB 162 0 67	#A20043
33.3%	33.3% #8F003A	RGB 143 0 58	#8F003A
50.0%	50.0% #7C0031	RGB 124 0 49	#7C0031
66.7%	66.7% #690029	RGB 105 0 41	#690029
83.3%	83.3% #560020	RGB 86 0 32	#560020
100.0%	100.0% #430019	RGB 67 0 25	#430019

#B6014C #A20043 #8F003A #7C0031 #690029 #560020 #430019

#B6014D - #7C0031 - #430019

CSSコード

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

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