#A8CDEB - #3D96AF | colorate

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

Blend #A8CDEB to #3D96AF

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

RGBブレンド

#A8CDEB - #3D96AF | colorate

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

0.0%	0.0% #A8CDEB	RGB 168 205 235	#A8CDEB
16.7%	16.7% #96C3E1	RGB 150 195 225	#96C3E1
33.3%	33.3% #84BAD7	RGB 132 186 215	#84BAD7
50.0%	50.0% #72B1CD	RGB 114 177 205	#72B1CD
66.7%	66.7% #60A8C3	RGB 96 168 195	#60A8C3
83.3%	83.3% #4E9FB9	RGB 78 159 185	#4E9FB9
100.0%	100.0% #3D96AF	RGB 61 150 175	#3D96AF

#A8CDEB #96C3E1 #84BAD7 #72B1CD #60A8C3 #4E9FB9 #3D96AF

#A8CDEB - #3D96AF

HSVブレンド

#A8CDEB - #3D96AF | colorate

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

0.0%	0.0% #A8CDEB	RGB 168 205 235	#A8CDEB
16.7%	16.7% #93C1E1	RGB 147 193 225	#93C1E1
33.3%	33.3% #7FB6D7	RGB 127 182 215	#7FB6D7
50.0%	50.0% #6DACCD	RGB 109 172 205	#6DACCD
66.7%	66.7% #5BA4C3	RGB 91 164 195	#5BA4C3
83.3%	83.3% #4B9CB9	RGB 75 156 185	#4B9CB9
100.0%	100.0% #3D96AF	RGB 61 150 175	#3D96AF

#A8CDEB #93C1E1 #7FB6D7 #6DACCD #5BA4C3 #4B9CB9 #3D96AF

#A8CDEB - #6DACCD - #3D96AF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CDEB 0%, #6DACCD 50%, #3D96AF 100%);
    background: -webkit-linear-gradient(top, #A8CDEB 0%, #6DACCD 50%, #3D96AF 100%);
    background: linear-gradient(to bottom, #A8CDEB 0%, #6DACCD 50%, #3D96AF 100%);
}
</style>