#DA5E98 - #8F1453 | colorate

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

Blend #DA5E98 to #8F1453

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

RGBブレンド

#DA5E98 - #8F1453 | colorate

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

0.0%	0.0% #DA5E98	RGB 218 94 152	#DA5E98
16.7%	16.7% #CD518C	RGB 205 81 140	#CD518C
33.3%	33.3% #C14581	RGB 193 69 129	#C14581
50.0%	50.0% #B43975	RGB 180 57 117	#B43975
66.7%	66.7% #A82C6A	RGB 168 44 106	#A82C6A
83.3%	83.3% #9B205E	RGB 155 32 94	#9B205E
100.0%	100.0% #8F1453	RGB 143 20 83	#8F1453

#DA5E98 #CD518C #C14581 #B43975 #A82C6A #9B205E #8F1453

#DA5E98 - #8F1453

HSVブレンド

#DA5E98 - #8F1453 | colorate

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

0.0%	0.0% #DA5E97	RGB 218 94 151	#DA5E97
16.7%	16.7% #CD4E8A	RGB 205 78 138	#CD4E8A
33.3%	33.3% #C1407E	RGB 193 64 126	#C1407E
50.0%	50.0% #B43372	RGB 180 51 114	#B43372
66.7%	66.7% #A82767	RGB 168 39 103	#A82767
83.3%	83.3% #9B1D5D	RGB 155 29 93	#9B1D5D
100.0%	100.0% #8F1453	RGB 143 20 83	#8F1453

#DA5E97 #CD4E8A #C1407E #B43372 #A82767 #9B1D5D #8F1453

#DA5E98 - #B43372 - #8F1453

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DA5E97 0%, #B43372 50%, #8F1453 100%);
    background: -webkit-linear-gradient(top, #DA5E97 0%, #B43372 50%, #8F1453 100%);
    background: linear-gradient(to bottom, #DA5E97 0%, #B43372 50%, #8F1453 100%);
}
</style>