#73578F - #F0A39D | colorate

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

Blend #73578F to #F0A39D

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

RGBブレンド

#73578F - #F0A39D | colorate

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

0.0%	0.0% #73578F	RGB 115 87 143	#73578F
16.7%	16.7% #876391	RGB 135 99 145	#876391
33.3%	33.3% #9C7093	RGB 156 112 147	#9C7093
50.0%	50.0% #B17D96	RGB 177 125 150	#B17D96
66.7%	66.7% #C68998	RGB 198 137 152	#C68998
83.3%	83.3% #DB969A	RGB 219 150 154	#DB969A
100.0%	100.0% #F0A39D	RGB 240 163 157	#F0A39D

#73578F #876391 #9C7093 #B17D96 #C68998 #DB969A #F0A39D

#73578F - #F0A39D

HSVブレンド

#73578F - #F0A39D | colorate

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

0.0%	0.0% #73578F	RGB 115 87 143	#73578F
16.7%	16.7% #90629F	RGB 144 98 159	#90629F
33.3%	33.3% #AF6DAD	RGB 175 109 173	#AF6DAD
50.0%	50.0% #BF78AB	RGB 191 120 171	#BF78AB
66.7%	66.7% #CF84A6	RGB 207 132 166	#CF84A6
83.3%	83.3% #DF909F	RGB 223 144 159	#DF909F
100.0%	100.0% #F0A39D	RGB 240 163 157	#F0A39D

#73578F #90629F #AF6DAD #BF78AB #CF84A6 #DF909F #F0A39D

#73578F - #BF78AB - #F0A39D

CSSコード

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

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