#698889 - #D8C7AB | colorate

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

Blend #698889 to #D8C7AB

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

RGBブレンド

#698889 - #D8C7AB | colorate

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

0.0%	0.0% #698889	RGB 105 136 137	#698889
16.7%	16.7% #7B928E	RGB 123 146 142	#7B928E
33.3%	33.3% #8E9D94	RGB 142 157 148	#8E9D94
50.0%	50.0% #A0A79A	RGB 160 167 154	#A0A79A
66.7%	66.7% #B3B29F	RGB 179 178 159	#B3B29F
83.3%	83.3% #C5BCA5	RGB 197 188 165	#C5BCA5
100.0%	100.0% #D8C7AB	RGB 216 199 171	#D8C7AB

#698889 #7B928E #8E9D94 #A0A79A #B3B29F #C5BCA5 #D8C7AB

#698889 - #D8C7AB

HSVブレンド

#698889 - #D8C7AB | colorate

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

0.0%	0.0% #698889	RGB 105 136 137	#698889
16.7%	16.7% #739689	RGB 115 150 137	#739689
33.3%	33.3% #7EA386	RGB 126 163 134	#7EA386
50.0%	50.0% #90B089	RGB 144 176 137	#90B089
66.7%	66.7% #ACBD94	RGB 172 189 148	#ACBD94
83.3%	83.3% #C9CA9F	RGB 201 202 159	#C9CA9F
100.0%	100.0% #D8C7AB	RGB 216 199 171	#D8C7AB

#698889 #739689 #7EA386 #90B089 #ACBD94 #C9CA9F #D8C7AB

#698889 - #90B089 - #D8C7AB

CSSコード

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

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