#B68285 - #EADBDC | colorate

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

Blend #B68285 to #EADBDC

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

RGBブレンド

#B68285 - #EADBDC | colorate

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

0.0%	0.0% #B68285	RGB 182 130 133	#B68285
16.7%	16.7% #BE9093	RGB 190 144 147	#BE9093
33.3%	33.3% #C79FA2	RGB 199 159 162	#C79FA2
50.0%	50.0% #D0AEB0	RGB 208 174 176	#D0AEB0
66.7%	66.7% #D8BDBF	RGB 216 189 191	#D8BDBF
83.3%	83.3% #E1CCCD	RGB 225 204 205	#E1CCCD
100.0%	100.0% #EADBDC	RGB 234 219 220	#EADBDC

#B68285 #BE9093 #C79FA2 #D0AEB0 #D8BDBF #E1CCCD #EADBDC

#B68285 - #EADBDC

HSVブレンド

#B68285 - #EADBDC | colorate

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

0.0%	0.0% #B68284	RGB 182 130 132	#B68284
16.7%	16.7% #BE8F92	RGB 190 143 146	#BE8F92
33.3%	33.3% #C79D9F	RGB 199 157 159	#C79D9F
50.0%	50.0% #D0ABAD	RGB 208 171 173	#D0ABAD
66.7%	66.7% #D8BABC	RGB 216 186 188	#D8BABC
83.3%	83.3% #E1CACC	RGB 225 202 204	#E1CACC
100.0%	100.0% #EADBDC	RGB 234 219 220	#EADBDC

#B68284 #BE8F92 #C79D9F #D0ABAD #D8BABC #E1CACC #EADBDC

#B68285 - #D0ABAD - #EADBDC

CSSコード

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

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