#CAADE7 - #7E3AC0 | colorate

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

Blend #CAADE7 to #7E3AC0

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

RGBブレンド

#CAADE7 - #7E3AC0 | colorate

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

0.0%	0.0% #CAADE7	RGB 202 173 231	#CAADE7
16.7%	16.7% #BD99E0	RGB 189 153 224	#BD99E0
33.3%	33.3% #B086DA	RGB 176 134 218	#B086DA
50.0%	50.0% #A473D3	RGB 164 115 211	#A473D3
66.7%	66.7% #9760CD	RGB 151 96 205	#9760CD
83.3%	83.3% #8A4DC6	RGB 138 77 198	#8A4DC6
100.0%	100.0% #7E3AC0	RGB 126 58 192	#7E3AC0

#CAADE7 #BD99E0 #B086DA #A473D3 #9760CD #8A4DC6 #7E3AC0

#CAADE7 - #7E3AC0

HSVブレンド

#CAADE7 - #7E3AC0 | colorate

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

0.0%	0.0% #CAADE7	RGB 202 173 231	#CAADE7
16.7%	16.7% #BC97E0	RGB 188 151 224	#BC97E0
33.3%	33.3% #AE82DA	RGB 174 130 218	#AE82DA
50.0%	50.0% #A16FD3	RGB 161 111 211	#A16FD3
66.7%	66.7% #955CCD	RGB 149 92 205	#955CCD
83.3%	83.3% #894AC6	RGB 137 74 198	#894AC6
100.0%	100.0% #7E3AC0	RGB 126 58 192	#7E3AC0

#CAADE7 #BC97E0 #AE82DA #A16FD3 #955CCD #894AC6 #7E3AC0

#CAADE7 - #A16FD3 - #7E3AC0

CSSコード

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

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