#377072 - #723770 | colorate

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

Tweet

Blend #377072 to #723770

#377072

#723770

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

RGBブレンド

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

0.0%	0.0% #377072	RGB 55 112 114	#377072
16.7%	16.7% #406772	RGB 64 103 114	#406772
33.3%	33.3% #4A5D72	RGB 74 93 114	#4A5D72
50.0%	50.0% #545471	RGB 84 84 113	#545471
66.7%	66.7% #5E4A71	RGB 94 74 113	#5E4A71
83.3%	83.3% #684171	RGB 104 65 113	#684171
100.0%	100.0% #723770	RGB 114 55 112	#723770

#377072 #406772 #4A5D72 #545471 #5E4A71 #684171 #723770

#377072 - #723770

HSVブレンド

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

0.0%	0.0% #377072	RGB 55 112 114	#377072
16.7%	16.7% #375C72	RGB 55 92 114	#375C72
33.3%	33.3% #374872	RGB 55 72 114	#374872
50.0%	50.0% #393772	RGB 57 55 114	#393772
66.7%	66.7% #4C3772	RGB 76 55 114	#4C3772
83.3%	83.3% #603772	RGB 96 55 114	#603772
100.0%	100.0% #723770	RGB 114 55 112	#723770

#377072 #375C72 #374872 #393772 #4C3772 #603772 #723770

#377072 - #393772 - #723770

CSSコード

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

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