#71456F - #8A4673 | colorate

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

Blend #71456F to #8A4673

#71456F

#8A4673

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

RGBブレンド

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

0.0%	0.0% #71456F	RGB 113 69 111	#71456F
16.7%	16.7% #75456F	RGB 117 69 111	#75456F
33.3%	33.3% #794570	RGB 121 69 112	#794570
50.0%	50.0% #7D4571	RGB 125 69 113	#7D4571
66.7%	66.7% #814571	RGB 129 69 113	#814571
83.3%	83.3% #854572	RGB 133 69 114	#854572
100.0%	100.0% #8A4673	RGB 138 70 115	#8A4673

#71456F #75456F #794570 #7D4571 #814571 #854572 #8A4673

#71456F - #8A4673

HSVブレンド

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

0.0%	0.0% #71456F	RGB 113 69 111	#71456F
16.7%	16.7% #754570	RGB 117 69 112	#754570
33.3%	33.3% #794571	RGB 121 69 113	#794571
50.0%	50.0% #7D4672	RGB 125 70 114	#7D4672
66.7%	66.7% #814673	RGB 129 70 115	#814673
83.3%	83.3% #854673	RGB 133 70 115	#854673
100.0%	100.0% #8A4673	RGB 138 70 115	#8A4673

#71456F #754570 #794571 #7D4672 #814673 #854673 #8A4673

#71456F - #7D4672 - #8A4673

CSSコード

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

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