#8E637B - #A76475 | colorate

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

Blend #8E637B to #A76475

#8E637B

#A76475

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

RGBブレンド

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

0.0%	0.0% #8E637B	RGB 142 99 123	#8E637B
16.7%	16.7% #92637A	RGB 146 99 122	#92637A
33.3%	33.3% #966379	RGB 150 99 121	#966379
50.0%	50.0% #9A6378	RGB 154 99 120	#9A6378
66.7%	66.7% #9E6377	RGB 158 99 119	#9E6377
83.3%	83.3% #A26376	RGB 162 99 118	#A26376
100.0%	100.0% #A76475	RGB 167 100 117	#A76475

#8E637B #92637A #966379 #9A6378 #9E6377 #A26376 #A76475

#8E637B - #A76475

HSVブレンド

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

0.0%	0.0% #8E637B	RGB 142 99 123	#8E637B
16.7%	16.7% #92637B	RGB 146 99 123	#92637B
33.3%	33.3% #96637A	RGB 150 99 122	#96637A
50.0%	50.0% #9A647A	RGB 154 100 122	#9A647A
66.7%	66.7% #9E6478	RGB 158 100 120	#9E6478
83.3%	83.3% #A26477	RGB 162 100 119	#A26477
100.0%	100.0% #A76475	RGB 167 100 117	#A76475

#8E637B #92637B #96637A #9A647A #9E6478 #A26477 #A76475

#8E637B - #9A647A - #A76475

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #8E637B 0%, #9A647A 50%, #A76475 100%);
    background: -webkit-linear-gradient(top, #8E637B 0%, #9A647A 50%, #A76475 100%);
    background: linear-gradient(to bottom, #8E637B 0%, #9A647A 50%, #A76475 100%); 
}
</style>