#3F413F - #C8C8C8 | colorate
这是设计师和开发人员的着色工具。 这将帮助您绘制灵感,并作为您的色彩工作的资源。
使这个网站更好
Blend #3F413F to #C8C8C8
计算两种颜色#3F413F和#C8C8C8之间的颜色。 在RGB值的计算中,不同颜色之间的饱和度较低。 在计算HSV值时,不同颜色之间的饱和度不低。
RGB混合
#3F413F - #C8C8C8 | colorate
基于RGB值计算两种颜色之间的颜色。 对于彼此远离的颜色,两种颜色之间的饱和度降低。 将#3F413F的两种颜色之间的颜色扩展为0%,将#C8C8C8扩展为100%。
0.0% #3F413F |
RGB 63 65 63 | #3F413F |
16.7% #555755 |
RGB 85 87 85 | #555755 |
33.3% #6C6E6C |
RGB 108 110 108 | #6C6E6C |
50.0% #838483 |
RGB 131 132 131 | #838483 |
66.7% #9A9B9A |
RGB 154 155 154 | #9A9B9A |
83.3% #B1B1B1 |
RGB 177 177 177 | #B1B1B1 |
100.0% #C8C8C8 |
RGB 200 200 200 | #C8C8C8 |
HSV混合
#3F413F - #C8C8C8 | colorate
基于HSV值计算两种颜色之间的颜色。 即使在不同颜色的颜色之间,两种颜色之间的饱和度也不会降低。 将#3F413F的两种颜色之间的颜色扩展为0%,将#C8C8C8扩展为100%。
0.0% #3F413F |
RGB 63 65 63 | #3F413F |
16.7% #565755 |
RGB 86 87 85 | #565755 |
33.3% #6D6E6B |
RGB 109 110 107 | #6D6E6B |
50.0% #848482 |
RGB 132 132 130 | #848482 |
66.7% #9B9A99 |
RGB 155 154 153 | #9B9A99 |
83.3% #B1B0B0 |
RGB 177 176 176 | #B1B0B0 |
100.0% #C8C8C8 |
RGB 200 200 200 | #C8C8C8 |
CSS代码
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #3F413F 0%, #C8C8C8 100%); background: -webkit-linear-gradient(top, #3F413F 0%, #C8C8C8 100%); background: linear-gradient(to bottom, #3F413F 0%, #C8C8C8 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #3F413F 0%, #848482 50%, #C8C8C8 100%); background: -webkit-linear-gradient(top, #3F413F 0%, #848482 50%, #C8C8C8 100%); background: linear-gradient(to bottom, #3F413F 0%, #848482 50%, #C8C8C8 100%); } </style>
Utilities
Barcode
You can create barcodes online. The created barcode can be downloaded as PNG or EPS.
colorate
colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.
textate
Make text to image. It is useful when you want to send text on SNS.