#27606D - #606D27 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #27606D to #606D27
#27606Dと#606D27の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#27606D - #606D27 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#27606Dを0%、#606D27を100%として二色間の色を展開します。
0.0% #27606D |
RGB 39 96 109 | #27606D |
16.7% #306261 |
RGB 48 98 97 | #306261 |
33.3% #3A6455 |
RGB 58 100 85 | #3A6455 |
50.0% #43664A |
RGB 67 102 74 | #43664A |
66.7% #4D683E |
RGB 77 104 62 | #4D683E |
83.3% #566A32 |
RGB 86 106 50 | #566A32 |
100.0% #606D27 |
RGB 96 109 39 | #606D27 |
HSVブレンド
#27606D - #606D27 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#27606Dを0%、#606D27を100%として二色間の色を展開します。
0.0% #27606D |
RGB 39 96 109 | #27606D |
16.7% #276D62 |
RGB 39 109 98 | #276D62 |
33.3% #276D4B |
RGB 39 109 75 | #276D4B |
50.0% #276D34 |
RGB 39 109 52 | #276D34 |
66.7% #316D27 |
RGB 49 109 39 | #316D27 |
83.3% #486D27 |
RGB 72 109 39 | #486D27 |
100.0% #606D27 |
RGB 96 109 39 | #606D27 |
CSSコード
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #27606D 0%, #606D27 100%); background: -webkit-linear-gradient(top, #27606D 0%, #606D27 100%); background: linear-gradient(to bottom, #27606D 0%, #606D27 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #27606D 0%, #276D34 50%, #606D27 100%); background: -webkit-linear-gradient(top, #27606D 0%, #276D34 50%, #606D27 100%); background: linear-gradient(to bottom, #27606D 0%, #276D34 50%, #606D27 100%); } </style>