#555156 - #CF80BD | colorate

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

Blend #555156 to #CF80BD

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

RGBブレンド

#555156 - #CF80BD | colorate

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

0.0%	0.0% #555156	RGB 85 81 86	#555156
16.7%	16.7% #695867	RGB 105 88 103	#695867
33.3%	33.3% #7D6078	RGB 125 96 120	#7D6078
50.0%	50.0% #926889	RGB 146 104 137	#926889
66.7%	66.7% #A6709A	RGB 166 112 154	#A6709A
83.3%	83.3% #BA78AB	RGB 186 120 171	#BA78AB
100.0%	100.0% #CF80BD	RGB 207 128 189	#CF80BD

#555156 #695867 #7D6078 #926889 #A6709A #BA78AB #CF80BD

#555156 - #CF80BD

HSVブレンド

#555156 - #CF80BD | colorate

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

0.0%	0.0% #555156	RGB 85 81 86	#555156
16.7%	16.7% #685E6A	RGB 104 94 106	#685E6A
33.3%	33.3% #7D697E	RGB 125 105 126	#7D697E
50.0%	50.0% #927292	RGB 146 114 146	#927292
66.7%	66.7% #A679A2	RGB 166 121 162	#A679A2
83.3%	83.3% #BA7DB1	RGB 186 125 177	#BA7DB1
100.0%	100.0% #CF80BD	RGB 207 128 189	#CF80BD

#555156 #685E6A #7D697E #927292 #A679A2 #BA7DB1 #CF80BD

#555156 - #927292 - #CF80BD

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #555156 0%, #927292 50%, #CF80BD 100%);
    background: -webkit-linear-gradient(top, #555156 0%, #927292 50%, #CF80BD 100%);
    background: linear-gradient(to bottom, #555156 0%, #927292 50%, #CF80BD 100%);
}
</style>