#636582 - #D2D3DB | colorate

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

Blend #636582 to #D2D3DB

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

RGBブレンド

#636582 - #D2D3DB | colorate

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

0.0%	0.0% #636582	RGB 99 101 130	#636582
16.7%	16.7% #757790	RGB 117 119 144	#757790
33.3%	33.3% #88899F	RGB 136 137 159	#88899F
50.0%	50.0% #9A9CAE	RGB 154 156 174	#9A9CAE
66.7%	66.7% #ADAEBD	RGB 173 174 189	#ADAEBD
83.3%	83.3% #BFC0CC	RGB 191 192 204	#BFC0CC
100.0%	100.0% #D2D3DB	RGB 210 211 219	#D2D3DB

#636582 #757790 #88899F #9A9CAE #ADAEBD #BFC0CC #D2D3DB

#636582 - #D2D3DB

HSVブレンド

#636582 - #D2D3DB | colorate

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

0.0%	0.0% #636582	RGB 99 101 130	#636582
16.7%	16.7% #737590	RGB 115 117 144	#737590
33.3%	33.3% #84869F	RGB 132 134 159	#84869F
50.0%	50.0% #9698AE	RGB 150 152 174	#9698AE
66.7%	66.7% #A9ABBD	RGB 169 171 189	#A9ABBD
83.3%	83.3% #BDBECC	RGB 189 190 204	#BDBECC
100.0%	100.0% #D2D3DB	RGB 210 211 219	#D2D3DB

#636582 #737590 #84869F #9698AE #A9ABBD #BDBECC #D2D3DB

#636582 - #9698AE - #D2D3DB

CSSコード

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

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