#959394 - #FFBAAD | colorate

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

Blend #959394 to #FFBAAD

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

RGBブレンド

#959394 - #FFBAAD | colorate

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

0.0%	0.0% #959394	RGB 149 147 148	#959394
16.7%	16.7% #A69998	RGB 166 153 152	#A69998
33.3%	33.3% #B8A09C	RGB 184 160 156	#B8A09C
50.0%	50.0% #CAA6A0	RGB 202 166 160	#CAA6A0
66.7%	66.7% #DBADA4	RGB 219 173 164	#DBADA4
83.3%	83.3% #EDB3A8	RGB 237 179 168	#EDB3A8
100.0%	100.0% #FFBAAD	RGB 255 186 173	#FFBAAD

#959394 #A69998 #B8A09C #CAA6A0 #DBADA4 #EDB3A8 #FFBAAD

#959394 - #FFBAAD

HSVブレンド

#959394 - #FFBAAD | colorate

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

0.0%	0.0% #959394	RGB 149 147 148	#959394
16.7%	16.7% #A69BA0	RGB 166 155 160	#A69BA0
33.3%	33.3% #B8A2A8	RGB 184 162 168	#B8A2A8
50.0%	50.0% #CAA8AD	RGB 202 168 173	#CAA8AD
66.7%	66.7% #DBABAE	RGB 219 171 174	#DBABAE
83.3%	83.3% #EDB0AD	RGB 237 176 173	#EDB0AD
100.0%	100.0% #FFBAAD	RGB 255 186 173	#FFBAAD

#959394 #A69BA0 #B8A2A8 #CAA8AD #DBABAE #EDB0AD #FFBAAD

#959394 - #CAA8AD - #FFBAAD

CSSコード

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

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