#007EB6 - #82DADF | colorate

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

Blend #007EB6 to #82DADF

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

RGBブレンド

#007EB6 - #82DADF | colorate

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

0.0%	0.0% #007EB6	RGB 0 126 182	#007EB6
16.7%	16.7% #158DBC	RGB 21 141 188	#158DBC
33.3%	33.3% #2B9CC3	RGB 43 156 195	#2B9CC3
50.0%	50.0% #41ACCA	RGB 65 172 202	#41ACCA
66.7%	66.7% #56BBD1	RGB 86 187 209	#56BBD1
83.3%	83.3% #6CCAD8	RGB 108 202 216	#6CCAD8
100.0%	100.0% #82DADF	RGB 130 218 223	#82DADF

#007EB6 #158DBC #2B9CC3 #41ACCA #56BBD1 #6CCAD8 #82DADF

#007EB6 - #82DADF

HSVブレンド

#007EB6 - #82DADF | colorate

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

0.0%	0.0% #007EB6	RGB 0 126 182	#007EB6
16.7%	16.7% #128FBC	RGB 18 143 188	#128FBC
33.3%	33.3% #26A0C3	RGB 38 160 195	#26A0C3
50.0%	50.0% #3BB0CA	RGB 59 176 202	#3BB0CA
66.7%	66.7% #51BFD1	RGB 81 191 209	#51BFD1
83.3%	83.3% #69CDD8	RGB 105 205 216	#69CDD8
100.0%	100.0% #82DADF	RGB 130 218 223	#82DADF

#007EB6 #128FBC #26A0C3 #3BB0CA #51BFD1 #69CDD8 #82DADF

#007EB6 - #3BB0CA - #82DADF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007EB6 0%, #3BB0CA 50%, #82DADF 100%);
    background: -webkit-linear-gradient(top, #007EB6 0%, #3BB0CA 50%, #82DADF 100%);
    background: linear-gradient(to bottom, #007EB6 0%, #3BB0CA 50%, #82DADF 100%);
}
</style>