#ABABAB - #E7E7E7 | colorate
Mezcla #ABABAB a #E7E7E7
Calcule el color entre dos colores, #ABABAB y #E7E7E7. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.
Mezcla RGB (Linear)
#ABABAB - #E7E7E7 | colorate
Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #ABABAB como 0% y #E7E7E7 como 100%.
0.0% #ABABAB |
RGB 171 171 171 | #ABABAB |
16.7% #B5B5B5 |
RGB 181 181 181 | #B5B5B5 |
33.3% #BFBFBF |
RGB 191 191 191 | #BFBFBF |
50.0% #C9C9C9 |
RGB 201 201 201 | #C9C9C9 |
66.7% #D3D3D3 |
RGB 211 211 211 | #D3D3D3 |
83.3% #DDDDDD |
RGB 221 221 221 | #DDDDDD |
100.0% #E7E7E7 |
RGB 231 231 231 | #E7E7E7 |
Mezcla HSV
#ABABAB - #E7E7E7 | colorate
Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #ABABAB como 0% y #E7E7E7 como 100%.
0.0% #ABABAB |
RGB 171 171 171 | #ABABAB |
16.7% #B5B5B5 |
RGB 181 181 181 | #B5B5B5 |
33.3% #BFBFBF |
RGB 191 191 191 | #BFBFBF |
50.0% #C9C9C9 |
RGB 201 201 201 | #C9C9C9 |
66.7% #D3D3D3 |
RGB 211 211 211 | #D3D3D3 |
83.3% #DDDDDD |
RGB 221 221 221 | #DDDDDD |
100.0% #E7E7E7 |
RGB 231 231 231 | #E7E7E7 |
Códigos CSS
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #ABABAB 0%, #E7E7E7 100%); background: -webkit-linear-gradient(top, #ABABAB 0%, #E7E7E7 100%); background: linear-gradient(to bottom, #ABABAB 0%, #E7E7E7 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #ABABAB 0%, #C9C9C9 50%, #E7E7E7 100%); background: -webkit-linear-gradient(top, #ABABAB 0%, #C9C9C9 50%, #E7E7E7 100%); background: linear-gradient(to bottom, #ABABAB 0%, #C9C9C9 50%, #E7E7E7 100%); } </style>
Variación de tono similar
Variación de tono diferente
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.