#2D2D2D - #C3C3C3 | colorate
Mezcla #2D2D2D a #C3C3C3
Calcule el color entre dos colores, #2D2D2D y #C3C3C3. 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)
#2D2D2D - #C3C3C3 | 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 #2D2D2D como 0% y #C3C3C3 como 100%.
0.0% #2D2D2D |
RGB 45 45 45 | #2D2D2D |
16.7% #464646 |
RGB 70 70 70 | #464646 |
33.3% #5F5F5F |
RGB 95 95 95 | #5F5F5F |
50.0% #787878 |
RGB 120 120 120 | #787878 |
66.7% #919191 |
RGB 145 145 145 | #919191 |
83.3% #AAAAAA |
RGB 170 170 170 | #AAAAAA |
100.0% #C3C3C3 |
RGB 195 195 195 | #C3C3C3 |
Mezcla HSV
#2D2D2D - #C3C3C3 | 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 #2D2D2D como 0% y #C3C3C3 como 100%.
0.0% #2D2D2D |
RGB 45 45 45 | #2D2D2D |
16.7% #464646 |
RGB 70 70 70 | #464646 |
33.3% #5F5F5F |
RGB 95 95 95 | #5F5F5F |
50.0% #787878 |
RGB 120 120 120 | #787878 |
66.7% #919191 |
RGB 145 145 145 | #919191 |
83.3% #AAAAAA |
RGB 170 170 170 | #AAAAAA |
100.0% #C3C3C3 |
RGB 195 195 195 | #C3C3C3 |
Códigos CSS
<style type="text/css"> /* RGB Gradient */ div { background: -moz-linear-gradient(top, #2D2D2D 0%, #C3C3C3 100%); background: -webkit-linear-gradient(top, #2D2D2D 0%, #C3C3C3 100%); background: linear-gradient(to bottom, #2D2D2D 0%, #C3C3C3 100%); } /* HSV Gradient */ div { background: -moz-linear-gradient(top, #2D2D2D 0%, #787878 50%, #C3C3C3 100%); background: -webkit-linear-gradient(top, #2D2D2D 0%, #787878 50%, #C3C3C3 100%); background: linear-gradient(to bottom, #2D2D2D 0%, #787878 50%, #C3C3C3 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.