#3BC9FF - #007EDB | colorate

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

Blend #3BC9FF to #007EDB

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

RGBブレンド

#3BC9FF - #007EDB | colorate

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

0.0%	0.0% #3BC9FF	RGB 59 201 255	#3BC9FF
16.7%	16.7% #31BCF9	RGB 49 188 249	#31BCF9
33.3%	33.3% #27B0F3	RGB 39 176 243	#27B0F3
50.0%	50.0% #1DA3ED	RGB 29 163 237	#1DA3ED
66.7%	66.7% #1397E7	RGB 19 151 231	#1397E7
83.3%	83.3% #098AE1	RGB 9 138 225	#098AE1
100.0%	100.0% #007EDB	RGB 0 126 219	#007EDB

#3BC9FF #31BCF9 #27B0F3 #1DA3ED #1397E7 #098AE1 #007EDB

#3BC9FF - #007EDB

HSVブレンド

#3BC9FF - #007EDB | colorate

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

0.0%	0.0% #3BC9FF	RGB 59 201 255	#3BC9FF
16.7%	16.7% #30BCF9	RGB 48 188 249	#30BCF9
33.3%	33.3% #25B0F3	RGB 37 176 243	#25B0F3
50.0%	50.0% #1BA3ED	RGB 27 163 237	#1BA3ED
66.7%	66.7% #1197E7	RGB 17 151 231	#1197E7
83.3%	83.3% #088AE1	RGB 8 138 225	#088AE1
100.0%	100.0% #007EDB	RGB 0 126 219	#007EDB

#3BC9FF #30BCF9 #25B0F3 #1BA3ED #1197E7 #088AE1 #007EDB

#3BC9FF - #1BA3ED - #007EDB

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3BC9FF 0%, #1BA3ED 50%, #007EDB 100%);
    background: -webkit-linear-gradient(top, #3BC9FF 0%, #1BA3ED 50%, #007EDB 100%);
    background: linear-gradient(to bottom, #3BC9FF 0%, #1BA3ED 50%, #007EDB 100%);
}
</style>