#F0E3E6 - #DB98AC | colorate
这是设计师和开发人员的着色工具。 这将帮助您绘制灵感,并作为您的色彩工作的资源。
使这个网站更好
Blend #F0E3E6 to #DB98AC
计算两种颜色#F0E3E6和#DB98AC之间的颜色。 在RGB值的计算中,不同颜色之间的饱和度较低。 在计算HSV值时,不同颜色之间的饱和度不低。
RGB混合
#F0E3E6 - #DB98AC | colorate
基于RGB值计算两种颜色之间的颜色。 对于彼此远离的颜色,两种颜色之间的饱和度降低。 将#F0E3E6的两种颜色之间的颜色扩展为0%,将#DB98AC扩展为100%。
0.0% #F0E3E6 |
RGB 240 227 230 | #F0E3E6 |
16.7% #ECD6DC |
RGB 236 214 220 | #ECD6DC |
33.3% #E9CAD2 |
RGB 233 202 210 | #E9CAD2 |
50.0% #E5BDC9 |
RGB 229 189 201 | #E5BDC9 |
66.7% #E2B1BF |
RGB 226 177 191 | #E2B1BF |
83.3% #DEA4B5 |
RGB 222 164 181 | #DEA4B5 |
100.0% #DB98AC |
RGB 219 152 172 | #DB98AC |
HSV混合
#F0E3E6 - #DB98AC | colorate
基于HSV值计算两种颜色之间的颜色。 即使在不同颜色的颜色之间,两种颜色之间的饱和度也不会降低。 将#F0E3E6的两种颜色之间的颜色扩展为0%,将#DB98AC扩展为100%。
0.0% #F0E3E6 |
RGB 240 227 230 | #F0E3E6 |
16.7% #ECD5DB |
RGB 236 213 219 | #ECD5DB |
33.3% #E9C8D0 |
RGB 233 200 208 | #E9C8D0 |
50.0% #E5BCC7 |
RGB 229 188 199 | #E5BCC7 |
66.7% #E2AFBD |
RGB 226 175 189 | #E2AFBD |
83.3% #DEA3B4 |
RGB 222 163 180 | #DEA3B4 |
100.0% #DB98AC |
RGB 219 152 172 | #DB98AC |
CSS代码
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #F0E3E6 0%, #DB98AC 100%); background: -webkit-linear-gradient(top, #F0E3E6 0%, #DB98AC 100%); background: linear-gradient(to bottom, #F0E3E6 0%, #DB98AC 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #F0E3E6 0%, #E5BCC7 50%, #DB98AC 100%); background: -webkit-linear-gradient(top, #F0E3E6 0%, #E5BCC7 50%, #DB98AC 100%); background: linear-gradient(to bottom, #F0E3E6 0%, #E5BCC7 50%, #DB98AC 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.