#6E0012 - #EADADE | colorate

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

Blend #6E0012 to #EADADE

#6E0012 #EADADE

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

RGBブレンド

#6E0012 - #EADADE | colorate

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

0.0%	0.0% #6E0012	RGB 110 0 18	#6E0012
16.7%	16.7% #822434	RGB 130 36 52	#822434
33.3%	33.3% #974856	RGB 151 72 86	#974856
50.0%	50.0% #AC6D78	RGB 172 109 120	#AC6D78
66.7%	66.7% #C0919A	RGB 192 145 154	#C0919A
83.3%	83.3% #D5B5BC	RGB 213 181 188	#D5B5BC
100.0%	100.0% #EADADE	RGB 234 218 222	#EADADE

#6E0012 #822434 #974856 #AC6D78 #C0919A #D5B5BC #EADADE

#6E0012 - #EADADE

HSVブレンド

#6E0012 - #EADADE | colorate

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

0.0%	0.0% #6E0011	RGB 110 0 17	#6E0011
16.7%	16.7% #821427	RGB 130 20 39	#821427
33.3%	33.3% #972E43	RGB 151 46 67	#972E43
50.0%	50.0% #AC5063	RGB 172 80 99	#AC5063
66.7%	66.7% #C07787	RGB 192 119 135	#C07787
83.3%	83.3% #D5A5B0	RGB 213 165 176	#D5A5B0
100.0%	100.0% #EADADE	RGB 234 218 222	#EADADE

#6E0011 #821427 #972E43 #AC5063 #C07787 #D5A5B0 #EADADE

#6E0012 - #AC5063 - #EADADE

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #6E0011 0%, #AC5063 50%, #EADADE 100%);
    background: -webkit-linear-gradient(top, #6E0011 0%, #AC5063 50%, #EADADE 100%);
    background: linear-gradient(to bottom, #6E0011 0%, #AC5063 50%, #EADADE 100%);
}
</style>