#DECACE - #AD7A85 | colorate

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

Blend #DECACE to #AD7A85

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

RGBブレンド

#DECACE - #AD7A85 | colorate

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

0.0%	0.0% #DECACE	RGB 222 202 206	#DECACE
16.7%	16.7% #D5BCC1	RGB 213 188 193	#D5BCC1
33.3%	33.3% #CDAFB5	RGB 205 175 181	#CDAFB5
50.0%	50.0% #C5A2A9	RGB 197 162 169	#C5A2A9
66.7%	66.7% #BD949D	RGB 189 148 157	#BD949D
83.3%	83.3% #B58791	RGB 181 135 145	#B58791
100.0%	100.0% #AD7A85	RGB 173 122 133	#AD7A85

#DECACE #D5BCC1 #CDAFB5 #C5A2A9 #BD949D #B58791 #AD7A85

#DECACE - #AD7A85

HSVブレンド

#DECACE - #AD7A85 | colorate

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

0.0%	0.0% #DECACE	RGB 222 202 206	#DECACE
16.7%	16.7% #D5BBC0	RGB 213 187 192	#D5BBC0
33.3%	33.3% #CDADB3	RGB 205 173 179	#CDADB3
50.0%	50.0% #C59FA7	RGB 197 159 167	#C59FA7
66.7%	66.7% #BD929B	RGB 189 146 155	#BD929B
83.3%	83.3% #B58590	RGB 181 133 144	#B58590
100.0%	100.0% #AD7A85	RGB 173 122 133	#AD7A85

#DECACE #D5BBC0 #CDADB3 #C59FA7 #BD929B #B58590 #AD7A85

#DECACE - #C59FA7 - #AD7A85

CSSコード

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

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