#C465FF - #5E00CB | colorate

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

Blend #C465FF to #5E00CB

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

RGBブレンド

#C465FF - #5E00CB | colorate

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

0.0%	0.0% #C465FF	RGB 196 101 255	#C465FF
16.7%	16.7% #B354F6	RGB 179 84 246	#B354F6
33.3%	33.3% #A243ED	RGB 162 67 237	#A243ED
50.0%	50.0% #9132E5	RGB 145 50 229	#9132E5
66.7%	66.7% #8021DC	RGB 128 33 220	#8021DC
83.3%	83.3% #6F10D3	RGB 111 16 211	#6F10D3
100.0%	100.0% #5E00CB	RGB 94 0 203	#5E00CB

#C465FF #B354F6 #A243ED #9132E5 #8021DC #6F10D3 #5E00CB

#C465FF - #5E00CB

HSVブレンド

#C465FF - #5E00CB | colorate

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

0.0%	0.0% #C465FF	RGB 196 101 255	#C465FF
16.7%	16.7% #B251F6	RGB 178 81 246	#B251F6
33.3%	33.3% #A13EED	RGB 161 62 237	#A13EED
50.0%	50.0% #902DE5	RGB 144 45 229	#902DE5
66.7%	66.7% #7F1DDC	RGB 127 29 220	#7F1DDC
83.3%	83.3% #6E0DD3	RGB 110 13 211	#6E0DD3
100.0%	100.0% #5E00CB	RGB 94 0 203	#5E00CB

#C465FF #B251F6 #A13EED #902DE5 #7F1DDC #6E0DD3 #5E00CB

#C465FF - #902DE5 - #5E00CB

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C465FF 0%, #902DE5 50%, #5E00CB 100%);
    background: -webkit-linear-gradient(top, #C465FF 0%, #902DE5 50%, #5E00CB 100%);
    background: linear-gradient(to bottom, #C465FF 0%, #902DE5 50%, #5E00CB 100%);
}
</style>