#DDCDED - #A16EB4 | colorate

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

Blend #DDCDED to #A16EB4

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

RGBブレンド

#DDCDED - #A16EB4 | colorate

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

0.0%	0.0% #DDCDED	RGB 221 205 237	#DDCDED
16.7%	16.7% #D3BDE3	RGB 211 189 227	#D3BDE3
33.3%	33.3% #C9ADDA	RGB 201 173 218	#C9ADDA
50.0%	50.0% #BF9DD0	RGB 191 157 208	#BF9DD0
66.7%	66.7% #B58DC7	RGB 181 141 199	#B58DC7
83.3%	83.3% #AB7DBD	RGB 171 125 189	#AB7DBD
100.0%	100.0% #A16EB4	RGB 161 110 180	#A16EB4

#DDCDED #D3BDE3 #C9ADDA #BF9DD0 #B58DC7 #AB7DBD #A16EB4

#DDCDED - #A16EB4

HSVブレンド

#DDCDED - #A16EB4 | colorate

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

0.0%	0.0% #DDCDED	RGB 221 205 237	#DDCDED
16.7%	16.7% #D0BBE3	RGB 208 187 227	#D0BBE3
33.3%	33.3% #C5AADA	RGB 197 170 218	#C5AADA
50.0%	50.0% #BB99D0	RGB 187 153 208	#BB99D0
66.7%	66.7% #B18AC7	RGB 177 138 199	#B18AC7
83.3%	83.3% #A97BBD	RGB 169 123 189	#A97BBD
100.0%	100.0% #A16EB4	RGB 161 110 180	#A16EB4

#DDCDED #D0BBE3 #C5AADA #BB99D0 #B18AC7 #A97BBD #A16EB4

#DDCDED - #BB99D0 - #A16EB4

CSSコード

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

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