#493E6C - #CF8989 | colorate

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

Blend #493E6C to #CF8989

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

RGBブレンド

#493E6C - #CF8989 | colorate

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

0.0%	0.0% #493E6C	RGB 73 62 108	#493E6C
16.7%	16.7% #5F4A70	RGB 95 74 112	#5F4A70
33.3%	33.3% #755775	RGB 117 87 117	#755775
50.0%	50.0% #8C637A	RGB 140 99 122	#8C637A
66.7%	66.7% #A2707F	RGB 162 112 127	#A2707F
83.3%	83.3% #B87C84	RGB 184 124 132	#B87C84
100.0%	100.0% #CF8989	RGB 207 137 137	#CF8989

#493E6C #5F4A70 #755775 #8C637A #A2707F #B87C84 #CF8989

#493E6C - #CF8989

HSVブレンド

#493E6C - #CF8989 | colorate

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

0.0%	0.0% #493E6C	RGB 73 62 108	#493E6C
16.7%	16.7% #64497C	RGB 100 73 124	#64497C
33.3%	33.3% #83558D	RGB 131 85 141	#83558D
50.0%	50.0% #9D6196	RGB 157 97 150	#9D6196
66.7%	66.7% #AE6E93	RGB 174 110 147	#AE6E93
83.3%	83.3% #BE7B8F	RGB 190 123 143	#BE7B8F
100.0%	100.0% #CF8989	RGB 207 137 137	#CF8989

#493E6C #64497C #83558D #9D6196 #AE6E93 #BE7B8F #CF8989

#493E6C - #9D6196 - #CF8989

CSSコード

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

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