#D9AECC - #3E313A | colorate

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

Blend #D9AECC to #3E313A

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

RGBブレンド

#D9AECC - #3E313A | colorate

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

0.0%	0.0% #D9AECC	RGB 217 174 204	#D9AECC
16.7%	16.7% #BF99B3	RGB 191 153 179	#BF99B3
33.3%	33.3% #A5849B	RGB 165 132 155	#A5849B
50.0%	50.0% #8B6F83	RGB 139 111 131	#8B6F83
66.7%	66.7% #715A6A	RGB 113 90 106	#715A6A
83.3%	83.3% #574552	RGB 87 69 82	#574552
100.0%	100.0% #3E313A	RGB 62 49 58	#3E313A

#D9AECC #BF99B3 #A5849B #8B6F83 #715A6A #574552 #3E313A

#D9AECC - #3E313A

HSVブレンド

#D9AECC - #3E313A | colorate

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

0.0%	0.0% #D9AECC	RGB 217 174 204	#D9AECC
16.7%	16.7% #BF98B3	RGB 191 152 179	#BF98B3
33.3%	33.3% #A5839B	RGB 165 131 155	#A5839B
50.0%	50.0% #8B6F82	RGB 139 111 130	#8B6F82
66.7%	66.7% #715A6A	RGB 113 90 106	#715A6A
83.3%	83.3% #574552	RGB 87 69 82	#574552
100.0%	100.0% #3E313A	RGB 62 49 58	#3E313A

#D9AECC #BF98B3 #A5839B #8B6F82 #715A6A #574552 #3E313A

#D9AECC - #8B6F82 - #3E313A

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9AECC 0%, #8B6F82 50%, #3E313A 100%);
    background: -webkit-linear-gradient(top, #D9AECC 0%, #8B6F82 50%, #3E313A 100%);
    background: linear-gradient(to bottom, #D9AECC 0%, #8B6F82 50%, #3E313A 100%);
}
</style>