#6C1859 - #D5BDCF | colorate

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

Blend #6C1859 to #D5BDCF

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

RGBブレンド

#6C1859 - #D5BDCF | colorate

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

0.0%	0.0% #6C1859	RGB 108 24 89	#6C1859
16.7%	16.7% #7D336C	RGB 125 51 108	#7D336C
33.3%	33.3% #8F4F80	RGB 143 79 128	#8F4F80
50.0%	50.0% #A06A94	RGB 160 106 148	#A06A94
66.7%	66.7% #B286A7	RGB 178 134 167	#B286A7
83.3%	83.3% #C3A1BB	RGB 195 161 187	#C3A1BB
100.0%	100.0% #D5BDCF	RGB 213 189 207	#D5BDCF

#6C1859 #7D336C #8F4F80 #A06A94 #B286A7 #C3A1BB #D5BDCF

#6C1859 - #D5BDCF

HSVブレンド

#6C1859 - #D5BDCF | colorate

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

0.0%	0.0% #6C1859	RGB 108 24 89	#6C1859
16.7%	16.7% #7D296A	RGB 125 41 106	#7D296A
33.3%	33.3% #8F3F7C	RGB 143 63 124	#8F3F7C
50.0%	50.0% #A0598F	RGB 160 89 143	#A0598F
66.7%	66.7% #B276A3	RGB 178 118 163	#B276A3
83.3%	83.3% #C397B8	RGB 195 151 184	#C397B8
100.0%	100.0% #D5BDCF	RGB 213 189 207	#D5BDCF

#6C1859 #7D296A #8F3F7C #A0598F #B276A3 #C397B8 #D5BDCF

#6C1859 - #A0598F - #D5BDCF

CSSコード

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

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