#7C7780 - #FFBA89 | colorate

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

Blend #7C7780 to #FFBA89

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

RGBブレンド

#7C7780 - #FFBA89 | colorate

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

0.0%	0.0% #7C7780	RGB 124 119 128	#7C7780
16.7%	16.7% #918281	RGB 145 130 129	#918281
33.3%	33.3% #A78D83	RGB 167 141 131	#A78D83
50.0%	50.0% #BD9884	RGB 189 152 132	#BD9884
66.7%	66.7% #D3A386	RGB 211 163 134	#D3A386
83.3%	83.3% #E9AE87	RGB 233 174 135	#E9AE87
100.0%	100.0% #FFBA89	RGB 255 186 137	#FFBA89

#7C7780 #918281 #A78D83 #BD9884 #D3A386 #E9AE87 #FFBA89

#7C7780 - #FFBA89

HSVブレンド

#7C7780 - #FFBA89 | colorate

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

0.0%	0.0% #7C7780	RGB 124 119 128	#7C7780
16.7%	16.7% #928095	RGB 146 128 149	#928095
33.3%	33.3% #AA88A4	RGB 170 136 164	#AA88A4
50.0%	50.0% #BF8CA6	RGB 191 140 166	#BF8CA6
66.7%	66.7% #D48E9C	RGB 212 142 156	#D48E9C
83.3%	83.3% #E9968C	RGB 233 150 140	#E9968C
100.0%	100.0% #FFBA89	RGB 255 186 137	#FFBA89

#7C7780 #928095 #AA88A4 #BF8CA6 #D48E9C #E9968C #FFBA89

#7C7780 - #BF8CA6 - #FFBA89

CSSコード

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

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