#C0ADE2 - #733FB6 | colorate

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

Blend #C0ADE2 to #733FB6

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

RGBブレンド

#C0ADE2 - #733FB6 | colorate

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

0.0%	0.0% #C0ADE2	RGB 192 173 226	#C0ADE2
16.7%	16.7% #B39ADA	RGB 179 154 218	#B39ADA
33.3%	33.3% #A688D3	RGB 166 136 211	#A688D3
50.0%	50.0% #9976CC	RGB 153 118 204	#9976CC
66.7%	66.7% #8C63C4	RGB 140 99 196	#8C63C4
83.3%	83.3% #7F51BD	RGB 127 81 189	#7F51BD
100.0%	100.0% #733FB6	RGB 115 63 182	#733FB6

#C0ADE2 #B39ADA #A688D3 #9976CC #8C63C4 #7F51BD #733FB6

#C0ADE2 - #733FB6

HSVブレンド

#C0ADE2 - #733FB6 | colorate

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

0.0%	0.0% #C0ADE2	RGB 192 173 226	#C0ADE2
16.7%	16.7% #B098DA	RGB 176 152 218	#B098DA
33.3%	33.3% #A284D3	RGB 162 132 211	#A284D3
50.0%	50.0% #9571CC	RGB 149 113 204	#9571CC
66.7%	66.7% #895FC4	RGB 137 95 196	#895FC4
83.3%	83.3% #7D4EBD	RGB 125 78 189	#7D4EBD
100.0%	100.0% #733FB6	RGB 115 63 182	#733FB6

#C0ADE2 #B098DA #A284D3 #9571CC #895FC4 #7D4EBD #733FB6

#C0ADE2 - #9571CC - #733FB6

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0ADE2 0%, #9571CC 50%, #733FB6 100%);
    background: -webkit-linear-gradient(top, #C0ADE2 0%, #9571CC 50%, #733FB6 100%);
    background: linear-gradient(to bottom, #C0ADE2 0%, #9571CC 50%, #733FB6 100%);
}
</style>