#D46A8C - #921640 | colorate

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

Blend #D46A8C to #921640

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

RGBブレンド

#D46A8C - #921640 | colorate

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

0.0%	0.0% #D46A8C	RGB 212 106 140	#D46A8C
16.7%	16.7% #C95C7F	RGB 201 92 127	#C95C7F
33.3%	33.3% #BE4E72	RGB 190 78 114	#BE4E72
50.0%	50.0% #B34066	RGB 179 64 102	#B34066
66.7%	66.7% #A83259	RGB 168 50 89	#A83259
83.3%	83.3% #9D244C	RGB 157 36 76	#9D244C
100.0%	100.0% #921640	RGB 146 22 64	#921640

#D46A8C #C95C7F #BE4E72 #B34066 #A83259 #9D244C #921640

#D46A8C - #921640

HSVブレンド

#D46A8C - #921640 | colorate

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

0.0%	0.0% #D46A8C	RGB 212 106 140	#D46A8C
16.7%	16.7% #C9587D	RGB 201 88 125	#C9587D
33.3%	33.3% #BE486F	RGB 190 72 111	#BE486F
50.0%	50.0% #B33A62	RGB 179 58 98	#B33A62
66.7%	66.7% #A82C55	RGB 168 44 85	#A82C55
83.3%	83.3% #9D204A	RGB 157 32 74	#9D204A
100.0%	100.0% #921640	RGB 146 22 64	#921640

#D46A8C #C9587D #BE486F #B33A62 #A82C55 #9D204A #921640

#D46A8C - #B33A62 - #921640

CSSコード

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

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