#935168 - #F19D82 | colorate

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

Blend #935168 to #F19D82

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

RGBブレンド

#935168 - #F19D82 | colorate

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

0.0%	0.0% #935168	RGB 147 81 104	#935168
16.7%	16.7% #A25D6C	RGB 162 93 108	#A25D6C
33.3%	33.3% #B26A70	RGB 178 106 112	#B26A70
50.0%	50.0% #C27775	RGB 194 119 117	#C27775
66.7%	66.7% #D18379	RGB 209 131 121	#D18379
83.3%	83.3% #E1907D	RGB 225 144 125	#E1907D
100.0%	100.0% #F19D82	RGB 241 157 130	#F19D82

#935168 #A25D6C #B26A70 #C27775 #D18379 #E1907D #F19D82

#935168 - #F19D82

HSVブレンド

#935168 - #F19D82 | colorate

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

0.0%	0.0% #935168	RGB 147 81 104	#935168
16.7%	16.7% #A2596B	RGB 162 89 107	#A2596B
33.3%	33.3% #B2616D	RGB 178 97 109	#B2616D
50.0%	50.0% #C2696E	RGB 194 105 110	#C2696E
66.7%	66.7% #D17671	RGB 209 118 113	#D17671
83.3%	83.3% #E18879	RGB 225 136 121	#E18879
100.0%	100.0% #F19D82	RGB 241 157 130	#F19D82

#935168 #A2596B #B2616D #C2696E #D17671 #E18879 #F19D82

#935168 - #C2696E - #F19D82

CSSコード

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

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