#8E5C7A - #7A8E5C | colorate

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

Blend #8E5C7A to #7A8E5C

#8E5C7A

#7A8E5C

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

RGBブレンド

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

0.0%	0.0% #8E5C7A	RGB 142 92 122	#8E5C7A
16.7%	16.7% #8B6475	RGB 139 100 117	#8B6475
33.3%	33.3% #886C70	RGB 136 108 112	#886C70
50.0%	50.0% #84756B	RGB 132 117 107	#84756B
66.7%	66.7% #817D66	RGB 129 125 102	#817D66
83.3%	83.3% #7E8561	RGB 126 133 97	#7E8561
100.0%	100.0% #7A8E5C	RGB 122 142 92	#7A8E5C

#8E5C7A #8B6475 #886C70 #84756B #817D66 #7E8561 #7A8E5C

#8E5C7A - #7A8E5C

HSVブレンド

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

0.0%	0.0% #8E5C7A	RGB 142 92 122	#8E5C7A
16.7%	16.7% #8E5C69	RGB 142 92 105	#8E5C69
33.3%	33.3% #8E5F5C	RGB 142 95 92	#8E5F5C
50.0%	50.0% #8E6F5C	RGB 142 111 92	#8E6F5C
66.7%	66.7% #8E805C	RGB 142 128 92	#8E805C
83.3%	83.3% #8A8E5C	RGB 138 142 92	#8A8E5C
100.0%	100.0% #7A8E5C	RGB 122 142 92	#7A8E5C

#8E5C7A #8E5C69 #8E5F5C #8E6F5C #8E805C #8A8E5C #7A8E5C

#8E5C7A - #8E6F5C - #7A8E5C

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #8E5C7A 0%, #8E6F5C 50%, #7A8E5C 100%);
    background: -webkit-linear-gradient(top, #8E5C7A 0%, #8E6F5C 50%, #7A8E5C 100%);
    background: linear-gradient(to bottom, #8E5C7A 0%, #8E6F5C 50%, #7A8E5C 100%); 
}
</style>