#83C7C7 - #CDDFB6 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。
サイトをよりよくする
Blend #83C7C7 to #CDDFB6
#83C7C7と#CDDFB6の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#83C7C7 - #CDDFB6 | colorate
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#83C7C7を0%、#CDDFB6を100%として二色間の色を展開します。
|
0.0% #83C7C7 |
RGB 131 199 199 | #83C7C7 |
|
16.7% #8FCBC4 |
RGB 143 203 196 | #8FCBC4 |
|
33.3% #9BCFC1 |
RGB 155 207 193 | #9BCFC1 |
|
50.0% #A8D3BE |
RGB 168 211 190 | #A8D3BE |
|
66.7% #B4D7BB |
RGB 180 215 187 | #B4D7BB |
|
83.3% #C0DBB8 |
RGB 192 219 184 | #C0DBB8 |
|
100.0% #CDDFB6 |
RGB 205 223 182 | #CDDFB6 |
HSVブレンド
#83C7C7 - #CDDFB6 | colorate
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#83C7C7を0%、#CDDFB6を100%として二色間の色を展開します。
|
0.0% #83C7C7 |
RGB 131 199 199 | #83C7C7 |
|
16.7% #8ACBBA |
RGB 138 203 186 | #8ACBBA |
|
33.3% #93CFAF |
RGB 147 207 175 | #93CFAF |
|
50.0% #9BD3A7 |
RGB 155 211 167 | #9BD3A7 |
|
66.7% #A6D7A4 |
RGB 166 215 164 | #A6D7A4 |
|
83.3% #BADBAC |
RGB 186 219 172 | #BADBAC |
|
100.0% #CDDFB6 |
RGB 205 223 182 | #CDDFB6 |
CSSコード
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #83C7C7 0%, #CDDFB6 100%);
background: -webkit-linear-gradient(top, #83C7C7 0%, #CDDFB6 100%);
background: linear-gradient(to bottom, #83C7C7 0%, #CDDFB6 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #83C7C7 0%, #9BD3A7 50%, #CDDFB6 100%);
background: -webkit-linear-gradient(top, #83C7C7 0%, #9BD3A7 50%, #CDDFB6 100%);
background: linear-gradient(to bottom, #83C7C7 0%, #9BD3A7 50%, #CDDFB6 100%);
}
</style>
