#8F7B88 - #755962 | colorate

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

Blend #8F7B88 to #755962

#8F7B88

#755962

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

RGBブレンド

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

0.0%	0.0% #8F7B88	RGB 143 123 136	#8F7B88
16.7%	16.7% #8B7682	RGB 139 118 130	#8B7682
33.3%	33.3% #87707C	RGB 135 112 124	#87707C
50.0%	50.0% #826A75	RGB 130 106 117	#826A75
66.7%	66.7% #7E656F	RGB 126 101 111	#7E656F
83.3%	83.3% #7A5F69	RGB 122 95 105	#7A5F69
100.0%	100.0% #755962	RGB 117 89 98	#755962

#8F7B88 #8B7682 #87707C #826A75 #7E656F #7A5F69 #755962

#8F7B88 - #755962

HSVブレンド

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

0.0%	0.0% #8F7B88	RGB 143 123 136	#8F7B88
16.7%	16.7% #8A7481	RGB 138 116 129	#8A7481
33.3%	33.3% #866F7B	RGB 134 111 123	#866F7B
50.0%	50.0% #826975	RGB 130 105 117	#826975
66.7%	66.7% #7D636E	RGB 125 99 110	#7D636E
83.3%	83.3% #795E68	RGB 121 94 104	#795E68
100.0%	100.0% #755962	RGB 117 89 98	#755962

#8F7B88 #8A7481 #866F7B #826975 #7D636E #795E68 #755962

#8F7B88 - #826975 - #755962

CSSコード

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

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