#493E6C - #CBC7D5 | colorate

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

Blend #493E6C to #CBC7D5

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

RGBブレンド

#493E6C - #CBC7D5 | colorate

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

0.0%	0.0% #493E6C	RGB 73 62 108	#493E6C
16.7%	16.7% #5E547D	RGB 94 84 125	#5E547D
33.3%	33.3% #746B8F	RGB 116 107 143	#746B8F
50.0%	50.0% #8A82A0	RGB 138 130 160	#8A82A0
66.7%	66.7% #9F99B2	RGB 159 153 178	#9F99B2
83.3%	83.3% #B5B0C3	RGB 181 176 195	#B5B0C3
100.0%	100.0% #CBC7D5	RGB 203 199 213	#CBC7D5

#493E6C #5E547D #746B8F #8A82A0 #9F99B2 #B5B0C3 #CBC7D5

#493E6C - #CBC7D5

HSVブレンド

#493E6C - #CBC7D5 | colorate

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

0.0%	0.0% #493E6C	RGB 73 62 108	#493E6C
16.7%	16.7% #5A4F7D	RGB 90 79 125	#5A4F7D
33.3%	33.3% #6E638F	RGB 110 99 143	#6E638F
50.0%	50.0% #8379A0	RGB 131 121 160	#8379A0
66.7%	66.7% #9990B2	RGB 153 144 178	#9990B2
83.3%	83.3% #B1AAC3	RGB 177 170 195	#B1AAC3
100.0%	100.0% #CBC7D5	RGB 203 199 213	#CBC7D5

#493E6C #5A4F7D #6E638F #8379A0 #9990B2 #B1AAC3 #CBC7D5

#493E6C - #8379A0 - #CBC7D5

CSSコード

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

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