#898692 - #E89FFF | colorate

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

Blend #898692 to #E89FFF

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

RGBブレンド

#898692 - #E89FFF | colorate

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

0.0%	0.0% #898692	RGB 137 134 146	#898692
16.7%	16.7% #988AA4	RGB 152 138 164	#988AA4
33.3%	33.3% #A88EB6	RGB 168 142 182	#A88EB6
50.0%	50.0% #B892C8	RGB 184 146 200	#B892C8
66.7%	66.7% #C896DA	RGB 200 150 218	#C896DA
83.3%	83.3% #D89AEC	RGB 216 154 236	#D89AEC
100.0%	100.0% #E89FFF	RGB 232 159 255	#E89FFF

#898692 #988AA4 #A88EB6 #B892C8 #C896DA #D89AEC #E89FFF

#898692 - #E89FFF

HSVブレンド

#898692 - #E89FFF | colorate

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

0.0%	0.0% #898692	RGB 137 134 146	#898692
16.7%	16.7% #958EA4	RGB 149 142 164	#958EA4
33.3%	33.3% #A395B6	RGB 163 149 182	#A395B6
50.0%	50.0% #B19AC8	RGB 177 154 200	#B19AC8
66.7%	66.7% #C19DDA	RGB 193 157 218	#C19DDA
83.3%	83.3% #D39FEC	RGB 211 159 236	#D39FEC
100.0%	100.0% #E89FFF	RGB 232 159 255	#E89FFF

#898692 #958EA4 #A395B6 #B19AC8 #C19DDA #D39FEC #E89FFF

#898692 - #B19AC8 - #E89FFF

CSSコード

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

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