#92888A - #D89EDF | colorate

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

Blend #92888A to #D89EDF

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

RGBブレンド

#92888A - #D89EDF | colorate

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

0.0%	0.0% #92888A	RGB 146 136 138	#92888A
16.7%	16.7% #9D8B98	RGB 157 139 152	#9D8B98
33.3%	33.3% #A98FA6	RGB 169 143 166	#A98FA6
50.0%	50.0% #B593B4	RGB 181 147 180	#B593B4
66.7%	66.7% #C096C2	RGB 192 150 194	#C096C2
83.3%	83.3% #CC9AD0	RGB 204 154 208	#CC9AD0
100.0%	100.0% #D89EDF	RGB 216 158 223	#D89EDF

#92888A #9D8B98 #A98FA6 #B593B4 #C096C2 #CC9AD0 #D89EDF

#92888A - #D89EDF

HSVブレンド

#92888A - #D89EDF | colorate

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

0.0%	0.0% #92888A	RGB 146 136 138	#92888A
16.7%	16.7% #9E8E93	RGB 158 142 147	#9E8E93
33.3%	33.3% #AB939F	RGB 171 147 159	#AB939F
50.0%	50.0% #B897AD	RGB 184 151 173	#B897AD
66.7%	66.7% #C59ABC	RGB 197 154 188	#C59ABC
83.3%	83.3% #D29CCF	RGB 210 156 207	#D29CCF
100.0%	100.0% #D89EDF	RGB 216 158 223	#D89EDF

#92888A #9E8E93 #AB939F #B897AD #C59ABC #D29CCF #D89EDF

#92888A - #B897AD - #D89EDF

CSSコード

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

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